Facet Column Width Inconsistent Isuue

Facet cannot maintain column width after the chart data is reloaded

by YeongCY

HTML

<script src="https://cdn.zoomcharts-cloud.com/1/latest/zoomcharts.js"></script>
<button onclick="reloadData()">Reload</button>
<div id="breadcrumb"></div>
<br>
<div id="demo"></div>

JavaScript

var fc = new FacetChart({
        container: document.getElementById("demo"),
        data: {
            url: "https://zoomcharts.com/dvsl/data/pie-chart/continental-data.json",
            autoCategories: ["continent", "country"]
        },
        series: [{ data: { field: "value" } }],
        events: {
            onChartUpdate: function (event, args) {
                var activeItems = fc.getActiveItems();
                var html = "Breadcrumb = <b>All data<b/>";
                for (var i in activeItems) {
                    html += " &gt; <b>" + activeItems[i].label + "</b>";
                }
                document.getElementById("breadcrumb").innerHTML = html;
            }
        }
    });
    
    function reloadData() {
    console.log('reloadData')
    	fc.reloadData();
    }