我想获取Chart.js 4.4.0图上轴的最小值和最大值。创建绘图时,必须在某处计算这些值。然而,通过Chart.js docs阅读,似乎没有任何访问它们的选项。
Thesetwo Stack Overflow的问题与此类似,但它们是专门针对使用chartjs-plugin-zoom
插件的,我没有使用chartjs-plugin-zoom
插件。此外,答案所采用的方法涉及找到最小和最大tick值,这不是我想要的。例如,一个图可能在每个整数处都有刻度,但图的右边界可能自然地落在x=10.5处。我想在10.5处找到图的实际边界,而不是在10处找到最大刻度。
在Flot.js中,这是很简单的,
xmin = plot.getAxes().xaxis.min;
xmax = plot.getAxes().xaxis.max;
这在Chart.js中可以做到吗?如何做到?
2条答案
按热度按时间cnjp1d6j1#
如果你正在处理数值数据,你可以使用Math.min和Math.max方法:
由x和y值组成的对象数组:
sigwle7e2#
如果
chart
是您的图表示例,即结果const chart = new Chart(....)
,则您可以通过id
到chart.scales
访问刻度有了scale对象后,要查找的属性是
min
和max
。因此,对于默认的x轴,它将是:
即使您不保存
new Chart
的结果,图表示例也几乎总是可以通过事件处理程序、回调函数等参数访问的。