Chart.js动态创建的图表不遵循图表选项

Question

我在循环中使用此代码动态创建图表对象：

chartObjectArray.push(new Chart(chartContextArray[i]).Line(chartDataArray[i]), chartOptions);

图表在屏幕上绘制，但chartOptions参数基本上被忽略。但是，如果我手动创建这样的图表对象......

var myChart = new Chart(chartContextArray[0]).Line(data, chartOptions);

......然后它起作用;绘制图表时遵循选项。记录时，此图表对象（myChart）比从循环创建的对象更完全充实。我是否错误地在循环中构建图表对象？也许这更像是一个javascript问题。

Answer 1

如果每个图表都有不同的图表选项，则需要为每个图表创建chartOptions对象的克隆。

对于纯JavaScript，我通常更喜欢https://stackoverflow.com/a/4591639/360067，因为它很简单，但是如果你有库（jQuery等），你还有很多其他的选择。