Chartjs:单击更新 yaxes 刻度的最小值和最大值
Chartjs: update the min and maximum of the yaxes ticks on a click
我正在使用 chartjs 绘制折线图。我正在动态制作这些图表,根据不同的数据类型,可以有 2 到 10 个图表。现在我想在单击按钮或文本时更新图表。此更新将更改 y-axes ticks
的 min
和 max
。我已经尝试通过
在一张图表的 javascript 控制台中做到这一点
myChart.options.scales.yAxes[0].ticks.min=some_value;
myChart.update();
但问题是当我单击文本或按钮时如何更改它。我必须创造一个传奇吗?
这是我的 jsfiddle 测试 运行。
如有任何帮助,我们将不胜感激。
您可以使用 jQuery:
- 添加jQuery library
- 添加按钮,我添加了
<button id="action">action</button>
- 添加一个 jQuery 触发器,在点击时执行 2 行:
$('#action').off().on('click', function() {
myLineChart.options.scales.yAxes[0].ticks.min = -50;
myLineChart.update();
})
我正在使用 chartjs 绘制折线图。我正在动态制作这些图表,根据不同的数据类型,可以有 2 到 10 个图表。现在我想在单击按钮或文本时更新图表。此更新将更改 y-axes ticks
的 min
和 max
。我已经尝试通过
myChart.options.scales.yAxes[0].ticks.min=some_value;
myChart.update();
但问题是当我单击文本或按钮时如何更改它。我必须创造一个传奇吗?
这是我的 jsfiddle 测试 运行。
如有任何帮助,我们将不胜感激。
您可以使用 jQuery:
- 添加jQuery library
- 添加按钮,我添加了
<button id="action">action</button>
- 添加一个 jQuery 触发器,在点击时执行 2 行:
$('#action').off().on('click', function() {
myLineChart.options.scales.yAxes[0].ticks.min = -50;
myLineChart.update();
})