ChartJS创建图表Ajax

Question

我已经按照chartJS网站上的示例进行操作，并在window.onload中放置了以下代码：

ctx = document.getElementById("graphcanvas").getContext("2d");      
window.myBar = new Chart(ctx).Bar(barChartData, {
    responsive : true
});

...完全正常，因为当我点击我的按钮显示弹出窗口时，会显示带有虚拟数据的条形图。

在我的功能中，我已经拍摄了一些虚拟数据并对其进行了微调，因此可以看出差异。

在我的功能中，我有以下代码：

ctx = document.getElementById("graphcanvas").getContext("2d");
window.myBar = new Chart(ctx).Bar(barChartDataDiff, {
    responsive : true
});

...但由于某些原因，当运行此代码时，之前包含我的条形图的弹出窗口现在为空，条形图消失。

我尝试在重新创建图表之前添加.destroy（）并使用'myBar'代替'window.myBar'，但似乎没有任何效果。

Answer 1

为什么不使用虚拟数据（隐藏在加载时）创建图表，然后使用图表js的更新方法将该数据插入到＆＃39; barChartData＆＃39; ？

1. 创建图表，隐藏它
2. 使用新数据的chart.update（）
3. 显示图表