Question

我的canvasjs图表浮动然后检查回到原来的位置。可能是什么问题？

我的网站里面有2个动态canvasjs图表到tab-body。第一个图表显示正常但是当我点击第二个选项卡时，它内部的图表向左浮动，然后在检查后到达其原始位置。所有的数据都很好，只想知道js或css问题。

我做的PHP像这样的数据都很好，并且工作正常。

<div class="charcon_n" id="chartContainer_n<?php echo $i; ?>" style="height: 350px; width: 100%;" data-point='<?php echo json_encode($data_n, JSON_NUMERIC_CHECK); ?>'></div>

Answer 1

每当切换选项卡时，应调用激活选项卡中每个图表的渲染方法，以便图表可以获取其容器的实际尺寸。

$("#tabs").tabs({
create: function (event, ui) {
    //Render Charts after tabs have been created.
    $("#chartContainer1").CanvasJSChart(options1);
    $("#chartContainer2").CanvasJSChart(options2);
},
activate: function (event, ui) {
    //Updates the chart to its container size if it has changed.
    ui.newPanel.children().first().CanvasJSChart().render();
}
});

请查看jQuery gallery example。

在页面加载的canvasjs图表中出现问题？

1 个答案: