页面加载时 canvasjs 图表出现问题？

Question

我的 canvasjs 图表立即浮动，然后在检查时返回到其原始位置。可能是什么问题？

我的站点内有 2 个动态 canvasjs 图表到标签正文。第一个图表显示正常，但当我单击第二个选项卡时，它内部的图表向左浮动，然后在检查后到达其原始位置。所有数据都很好只是想知道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 图表出现问题？

issue in canvasjs chart on page load?

css

canvasjs