Javascript chart.js从json动态添加y轴

我有一个通用脚本来为多个图形创建图表。 我想根据从web API获得的json响应填充多个y轴

如果我的json如下所示：

  '{ "GraphName": "test", "GraphType": 0, "GraphOptionsCollection": [{ "yLabel": "label1", "yAxisPosition": 0, "backgroundColor": "blue", , "name": "prop1" }, { "yLabel": "label2", "yAxisPosition": 1, "backgroundColor": "yellow",  "name": "prop2" }] }';

---

是否可以向chart.options.yAxes集合动态添加新的y轴？

您可以更新图表选项，然后在图表实例上调用方法

例如：

最初创建一个带有

display:false的辅助Y轴

在需要时更新辅助Y轴选项，然后更新图表

---

查看我的小提琴：

是的，当我们预先知道Y轴的数量时，这就起作用了。但是，如果有两个以上的垂直轴，这种方法将没有帮助。但是，如果你有一个y轴的最大值，你可以采用这种方法。另一方面，如我的小提琴所示，添加新轴似乎不受支持；看见updates（）用于次要更新，因此我认为添加新轴不是这种情况。