javascript - Zingchart 图表未填充父 div 的宽度

Question

所以我用下面的代码初始化一个zingChart。

barChartData = 
        "type":"bar"
        "series":[
            "values":[11,16,7,-14,11,24,-42,26,]
        ]


    $("#performance-bar-chart").zingchart(
        data: barChartData
    )

条形图正确呈现，但宽度似乎与父 div 不太一样。我检查了是否有任何东西在设置高度和宽度，但没有。

当我在页面上放大或缩小（ctrl + 鼠标滚动）时，图表会自动扩展以填充父 div！

谢谢，

Answer 1

要解决您的问题（宽度突然变化），您应该使用 div 设置样式

CSS：

#myChart {
    width:100%;
    height:300px;
}

这是你的 JS 和 HTML，以防小提琴消失。

HTML：

 <div id="myChart"></div>

JS：

 // Data for the chart
var barChartData = {
    type: "bar",
    series: [{  values: [3,7,10,2,6,5]} ]
};

// Make your chart
$("#myChart").zingchart({
    data: barChartData
});