Chartjs:点击

时间:2017-12-27 08:18:54

标签: chart.js chart.js2 chartjs-2.6.0

我使用chartjs绘制折线图。我动态制作这些图表,根据不同的数据类型,可以有2到10个图表。现在我想在单击按钮或文本时更新图表。此更新将更改min的{​​{1}}和max。我尝试在一个图表上的javascript控制台中执行此操作

y-axes ticks

myChart.options.scales.yAxes[0].ticks.min=some_value;

但问题是当我点击文字或按钮时如何更改它。我必须要传奇吗?

这是我的jsfiddle测试运行。

非常感谢任何形式的帮助。

1 个答案:

答案 0 :(得分:1)

你可以使用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(); })

请参阅:https://jsfiddle.net/gdqkLtc2/3/