Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/excel/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Chart.js Chartjs:点击一次更新Yax刻度的最小值和最大值_Chart.js_Chart.js2_Chartjs 2.6.0 - Fatal编程技术网

Chart.js Chartjs:点击一次更新Yax刻度的最小值和最大值

Chart.js Chartjs:点击一次更新Yax刻度的最小值和最大值,chart.js,chart.js2,chartjs-2.6.0,Chart.js,Chart.js2,Chartjs 2.6.0,我正在使用chartjs绘制折线图。我正在动态制作这些图表,根据不同的数据类型,可以有2到10个图表。现在我想在单击按钮或文本时更新图表。此更新将更改y轴刻度的min和max。我尝试在一个图表的javascript控制台中这样做 myChart.options.scales.yAxes[0].ticks.min=some_值 myChart.update() 但问题是,当我点击一个文本或按钮时,我将如何改变它。我是不是要创造一个传奇 这是我的测试运行 任何形式的帮助都将不胜感激 您可以使用jQu

我正在使用chartjs绘制折线图。我正在动态制作这些图表,根据不同的数据类型,可以有2到10个图表。现在我想在单击按钮或文本时更新图表。此更新将更改
y轴刻度的
min
max
。我尝试在一个图表的javascript控制台中这样做

myChart.options.scales.yAxes[0].ticks.min=some_值

myChart.update()

但问题是,当我点击一个文本或按钮时,我将如何改变它。我是不是要创造一个传奇

这是我的测试运行

任何形式的帮助都将不胜感激

您可以使用jQuery:

  • 添加
  • 添加按钮,我添加了
    操作
  • 添加一个jQuery触发器,该触发器在单击时执行两行:
$('#action').off().on('click',function()){
myLineChart.options.scales.yAxes[0].ticks.min=-50;
myLineChart.update();
})


请参阅:

实际上,我正在考虑在图表中添加一些内容,以便它能够自动更新特定的图表实例。正如我在问题中所说,可能会有2到10个图表。我已经尝试过你的解决方案。我遇到的一个问题是如何恢复,我的意思是我想在最小值和默认值之间切换。@要切换值,你需要有一个额外的变量来保存可能的值,另一个变量来指示索引展示。请看:。关于你的第一个关于添加2到10个图表的问题。我不太清楚您使用的是什么样的框架,但为什么不简单地复制粘贴当前的HTML,然后填充每个图表呢?我建议用10个图表构建界面,然后只显示所需的图表。是的,我已经在每个按钮上应用了一个唯一的属性,该属性提供了所点击图表的信息。