chart.js从json动态添加y轴

Question

我有一个通用脚本来为多个图形创建图表。 我想基于我从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轴？

Answer 1

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

例如：

1. 最初使用display: false;
创建辅助Y轴
2. 在需要时更新辅助Y轴选项，然后更新图表

看我的小提琴：https://jsfiddle.net/beaver71/hw8ozgh4/