What's wrong with this code?

The package is not imported with import pygalThere's nothing wrong with this codeThere's only two slices in the pie chart

The package is not imported with import pygal.

<html>
<head>
  <title></title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a" class="pygal-chart" viewBox="0 0 800 600"><!--Generated with pygal 2.4.0 (lxml) ©Kozea 2012-2016 on 2020-05-27--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type="text/css">#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .title{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:16px}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .legends .legend text{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:14px}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis text{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:10px}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis text.major{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:10px}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .text-overlay text.value{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:16px}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .text-overlay text.label{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:10px}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:14px}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a text.no_data{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:64px}
#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a{background-color:rgba(249,249,249,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a path,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a line,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a rect,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a circle{-webkit-transition:150ms;-moz-transition:150ms;transition:150ms}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .graph &gt; .background{fill:rgba(249,249,249,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .plot &gt; .background{fill:rgba(255,255,255,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .graph{fill:rgba(0,0,0,.87)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a text.no_data{fill:rgba(0,0,0,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .title{fill:rgba(0,0,0,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .legends .legend text{fill:rgba(0,0,0,.87)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .legends .legend:hover text{fill:rgba(0,0,0,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis .line{stroke:rgba(0,0,0,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis .guide.line{stroke:rgba(0,0,0,.54)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis .major.line{stroke:rgba(0,0,0,.87)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis text.major{fill:rgba(0,0,0,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.y .guides:hover .guide.line,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .line-graph .axis.x .guides:hover .guide.line,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .stackedline-graph .axis.x .guides:hover .guide.line,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .xy-graph .axis.x .guides:hover .guide.line{stroke:rgba(0,0,0,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis .guides:hover text{fill:rgba(0,0,0,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .reactive{fill-opacity:.7;stroke-opacity:.8}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .ci{stroke:rgba(0,0,0,.87)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .reactive.active,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .active .reactive{fill-opacity:.8;stroke-opacity:.9;stroke-width:4}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .ci .reactive.active{stroke-width:1.5}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .series text{fill:rgba(0,0,0,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip rect{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,1);-webkit-transition:opacity 150ms;-moz-transition:opacity 150ms;transition:opacity 150ms}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip .label{fill:rgba(0,0,0,.87)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip .label{fill:rgba(0,0,0,.87)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip .legend{font-size:.8em;fill:rgba(0,0,0,.54)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip .x_label{font-size:.6em;fill:rgba(0,0,0,1)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip .value{font-size:1.5em}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .bound{font-size:.5em}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .max-value{font-size:.75em;fill:rgba(0,0,0,.54)}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .map-element{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,.54) !important}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .color-0,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .color-0 a:visited{stroke:#F44336;fill:#F44336}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .color-1,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .color-1 a:visited{stroke:#3F51B5;fill:#3F51B5}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .color-2,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .color-2 a:visited{stroke:#009688;fill:#009688}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .color-3,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .color-3 a:visited{stroke:#FFC107;fill:#FFC107}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .text-overlay .color-0 text{fill:black}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .text-overlay .color-1 text{fill:black}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .text-overlay .color-2 text{fill:black}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .text-overlay .color-3 text{fill:black}
#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a text.no_data{text-anchor:middle}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .guide.line{fill:none}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .centered{text-anchor:middle}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .title{text-anchor:middle}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .legends .legend text{fill-opacity:1}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.x text{text-anchor:middle}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.x:not(.web) text[transform]{text-anchor:start}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.y text{text-anchor:end}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.y text[transform].backwards{text-anchor:start}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.y2 text{text-anchor:start}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.y2 text[transform].backwards{text-anchor:end}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis .guide.line{stroke-dasharray:4,4}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis .major.guide.line{stroke-dasharray:6,6}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .horizontal .axis.y .guide.line,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .horizontal .axis.y2 .guide.line,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .vertical .axis.x .guide.line{opacity:0}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .horizontal .axis.always_show .guide.line,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.y .guides:hover .guide.line,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.y2 .guides:hover .guide.line,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis.x .guides:hover .guide.line{opacity:1}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .axis .guides:hover text{opacity:1}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .nofill{fill:none}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .subtle-fill{fill-opacity:.2}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .dot{stroke-width:1px;fill-opacity:1}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .dot.active{stroke-width:5px}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .dot.negative{fill:transparent}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a text,#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a tspan{stroke:none !important}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .series text.active{opacity:1}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .tooltip text{fill-opacity:1}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .showable{visibility:hidden}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .showable.shown{visibility:visible}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-c4e2a966-ec25-43d2-ae6d-5f153c79170a .bg-lines{stroke:rgba(249,249,249,1);stroke-width:2px}</style><script type="text/javascript">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['c4e2a966-ec25-43d2-ae6d-5f153c79170a'] = {"allow_interruptions": false, "box_mode": "extremes", "classes": ["pygal-chart"], "css": ["file://style.css", "file://graph.css"], "defs": [], "disable_xml_declaration": false, "dots_size": 2.5, "dynamic_print_values": false, "explicit_size": false, "fill": false, "force_uri_protocol": "https", "formatter": null, "half_pie": false, "height": 600, "include_x_axis": false, "inner_radius": 0, "interpolate": null, "interpolation_parameters": {}, "interpolation_precision": 250, "inverse_y_axis": false, "js": ["//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js"], "legend_at_bottom": false, "legend_at_bottom_columns": null, "legend_box_size": 12, "logarithmic": false, "margin": 20, "margin_bottom": null, "margin_left": null, "margin_right": null, "margin_top": null, "max_scale": 16, "min_scale": 4, "missing_value_fill_truncation": "x", "no_data_text": "No data", "no_prefix": false, "order_min": null, "pretty_print": false, "print_labels": false, "print_values": false, "print_values_position": "center", "print_zeroes": true, "range": null, "rounded_bars": null, "secondary_range": null, "show_dots": true, "show_legend": true, "show_minor_x_labels": true, "show_minor_y_labels": true, "show_only_major_dots": false, "show_x_guides": false, "show_x_labels": true, "show_y_guides": true, "show_y_labels": true, "spacing": 10, "stack_from_top": false, "strict": false, "stroke": true, "stroke_style": null, "style": {"background": "rgba(249, 249, 249, 1)", "ci_colors": [], "colors": ["#F44336", "#3F51B5", "#009688", "#FFC107", "#FF5722", "#9C27B0", "#03A9F4", "#8BC34A", "#FF9800", "#E91E63", "#2196F3", "#4CAF50", "#FFEB3B", "#673AB7", "#00BCD4", "#CDDC39", "#9E9E9E", "#607D8B"], "font_family": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace", "foreground": "rgba(0, 0, 0, .87)", "foreground_strong": "rgba(0, 0, 0, 1)", "foreground_subtle": "rgba(0, 0, 0, .54)", "guide_stroke_dasharray": "4,4", "label_font_family": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace", "label_font_size": 10, "legend_font_family": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace", "legend_font_size": 14, "major_guide_stroke_dasharray": "6,6", "major_label_font_family": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace", "major_label_font_size": 10, "no_data_font_family": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace", "no_data_font_size": 64, "opacity": ".7", "opacity_hover": ".8", "plot_background": "rgba(255, 255, 255, 1)", "stroke_opacity": ".8", "stroke_opacity_hover": ".9", "title_font_family": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace", "title_font_size": 16, "tooltip_font_family": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace", "tooltip_font_size": 14, "transition": "150ms", "value_background": "rgba(229, 229, 229, 1)", "value_colors": [], "value_font_family": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace", "value_font_size": 16, "value_label_font_family": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace", "value_label_font_size": 10}, "title": "Cost Breakdown", "tooltip_border_radius": 0, "tooltip_fancy_mode": true, "truncate_label": null, "truncate_legend": null, "width": 800, "x_label_rotation": 0, "x_labels": null, "x_labels_major": null, "x_labels_major_count": null, "x_labels_major_every": null, "x_title": null, "xrange": null, "y_label_rotation": 0, "y_labels": null, "y_labels_major": null, "y_labels_major_count": null, "y_labels_major_every": null, "y_title": null, "zero": 0, "legends": ["Labour", "Rent", "Insurance", "Others"]}</script><script type="text/javascript" xlink:href="https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js"></script></defs><title>Cost Breakdown</title><g class="graph pie-graph vertical"><rect x="0" y="0" width="800" height="600" class="background"></rect><g transform="translate(117, 46)" class="plot"><rect x="0" y="0" width="662.4" height="534" class="background"></rect><g class="series serie-0 color-0"><g class="slices"><g class="slice"><path d="M331.200000 26.700000 A240.300000 240.300000 0 0 1 569.605163 236.882424 L331.200000 267.000000 A0.000000 0.000000 0 0 0 331.200000 267.000000 z" class="slice reactive tooltip-trigger"></path><desc class="value">23</desc><desc class="x centered">410.6566206186368</desc><desc class="y centered">176.87415498390027</desc></g></g></g><g class="series serie-1 color-1"><g class="slices"><g class="slice"><path d="M569.605163 236.882424 A240.300000 240.300000 0 0 1 113.770059 369.314764 L331.200000 267.000000 A0.000000 0.000000 0 0 0 331.200000 267.000000 z" class="slice reactive tooltip-trigger"></path><desc class="value">45</desc><desc class="x centered">364.7207813906134</desc><desc class="y centered">382.37928633408467</desc></g></g></g><g class="series serie-2 color-2"><g class="slices"><g class="slice"><path d="M113.770059 369.314764 A240.300000 240.300000 0 0 1 120.623505 151.234592 L331.200000 267.000000 A0.000000 0.000000 0 0 0 331.200000 267.000000 z" class="slice reactive tooltip-trigger"></path><desc class="value">15</desc><desc class="x centered">211.10928677205732</desc><desc class="y centered">263.22599729676296</desc></g></g></g><g class="series serie-3 color-3"><g class="slices"><g class="slice"><path d="M120.623505 151.234592 A240.300000 240.300000 0 0 1 331.200000 26.700000 L331.200000 267.000000 A0.000000 0.000000 0 0 0 331.200000 267.000000 z" class="slice reactive tooltip-trigger"></path><desc class="value">17</desc><desc class="x centered">270.0386738975928</desc><desc class="y centered">163.5818454554762</desc></g></g></g></g><g class="titles"><text x="400.0" y="26" class="title plot_title">Cost Breakdown</text></g><g transform="translate(117, 46)" class="plot overlay"><g class="series serie-0 color-0"></g><g class="series serie-1 color-1"></g><g class="series serie-2 color-2"></g><g class="series serie-3 color-3"></g></g><g transform="translate(117, 46)" class="plot text-overlay"><g class="series serie-0 color-0"></g><g class="series serie-1 color-1"></g><g class="series serie-2 color-2"></g><g class="series serie-3 color-3"></g></g><g transform="translate(117, 46)" class="plot tooltip-overlay"><g transform="translate(244.765625 138.0078125)" style="opacity: 0; display: none;" class="tooltip"><rect rx="0" ry="0" width="50.46875" height="49.984375" class="tooltip-box"></rect><g class="text"><text x="5" dy="0" class="legend" y="5" style="dominant-baseline: text-before-edge;">Others</text><text x="5" dy="15.515625" class="value color-3" y="5" style="dominant-baseline: text-before-edge;">17</text></g></g></g><g transform="translate(10, 56)" class="legends"><g id="activate-serie-0" class="legend reactive activate-serie"><rect x="0.0" y="1.0" width="12" height="12" class="color-0 reactive"></rect><text x="17.0" y="11.2">Labour</text></g><g id="activate-serie-1" class="legend reactive activate-serie"><rect x="0.0" y="22.0" width="12" height="12" class="color-1 reactive"></rect><text x="17.0" y="32.2">Rent</text></g><g id="activate-serie-2" class="legend reactive activate-serie"><rect x="0.0" y="43.0" width="12" height="12" class="color-2 reactive"></rect><text x="17.0" y="53.2">Insurance</text></g><g id="activate-serie-3" class="legend reactive activate-serie"><rect x="0.0" y="64.0" width="12" height="12" class="color-3 reactive"></rect><text x="17.0" y="74.2">Others</text></g></g><g transform="translate(790, 56)" class="legends"></g></g></svg>
</body>
</html>]]>