javascript - 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 轴选项，然后更新图表

看我的 fiddle :https://jsfiddle.net/beaver71/hw8ozgh4/