chart.js如何从一条线填充到y轴的最大值或最小值

时间:2018-02-05 18:11:50

标签: chart.js

我有一个自举模式,显示最大和最小公差范围之间的xy数据图。为了显示公差线,我为min(30)和max(70)水平线创建了两个数据集。为了突出显示公差区域,我在yAxes最大和最小绘图范围值处创建另外两行。我遇到的问题是,当我使用chart.scales['y-axis-0']获取yAxes范围时,值未正确更新。它们只显示为0和100.奇怪的是,如果我关闭然后重新打开模态,则范围是正确的。似乎chartjs会自动计算yAxes范围,但是,我无法访问它。有没有办法在绘制绘图之前访问yAxes范围?或者,是否有更好的方法来解决这个问题,而不是在情节的顶部和底部创建两条线并向上或向下填充......?

var y_axis = chart.scales['y-axis-0'];
var y_tol_max = new Array(y.length).fill(70);
var y_tol_min = new Array(y.length).fill(30);
var y_axis_max = new Array(y.length).fill(y_axis.max);
var y_axis_min = new Array(y.length).fill(y_axis.min);

chart.data.datasets.push({ borderColor: '#ffe6e6', data: y_axis_max, fill: false, radius: 0 });
chart.data.datasets.push({ borderColor: '#ffe6e6', backgroundColor: '#ffe6e6', data:  y_tol_max, fill: '-1', label: 'Danger', radius: 0 });

0 个答案:

没有答案