Question

我使用Chart.js渲染散乱的折线图，效果非常好。对于渲染算法，我需要找出y轴上显示的最高值，所以假设我的数据集中的“最大”点为y = 248，因此y轴显示250为最大值。我需要发现它是250。

我试图在运行时检查图表对象，如下所示：

lineChart.options.scales[0].ticks.??

但似乎我只能找到我以编程方式设置的设置。

另外，查看全面的Chart.js文档并未指出解决方案。

有关如何计算出这个值的任何建议吗？

Answer 1

有回调方法，您可以在其中获取将在yAxes上显示的值数组该数组的第一个元素将是yAxes的最高值。下面是相同的示例代码。

var yAxesticks = [];
var highestVal;
var chartInstanceHoverModeNearest = new Chart(ctx, {
                type: 'bar',
                data: data,
                options:{
                    scales: {
                        yAxes : [{
                            ticks : {
                                beginAtZero : true,
                                callback : function(value,index,values){
                                    yAxesticks = values;
                                    return value;
                                }
                            }
                        }]
                    }
                }
            });

 highestVal = yAxesticks[0];

获取使用Chart.js渲染的折线图的y轴的最大值

1 个答案: