我在 ChartJs 上有一個示例。當(dāng)您將鼠標懸停在圖表上時，會出現(xiàn)兩條線。var data_set = [{x: 1, y: 12}, {x: 2, y: 3}, {x: 3, y: 2}, {x: 4, y: 1}, {x: 5, y: 8}, {x: 6, y: 8}, {x: 7, y: 2}, {x: 8, y: 2}, {x: 9, y: 3}, {x: 10, y: 5}, {x: 11, y: 11}, {x: 12, y: 1}]; //draw lines on yAxis. addLine(3.5); addLine(7);在此示例中，y數(shù)據(jù)集的坐標不在添加的行下方。但是當(dāng)我將數(shù)據(jù)集的第一個索引更改y:12為y:1并像這樣繪制線條addLine(11.5)時，圖表會重新縮放以使其始終在邊界內(nèi)。我想打破這種行為。我從來不希望它成為重新縮放懸停狀態(tài)。如何做到這一點？小提琴示例： https: //jsfiddle.net/ckhf0q9g/
1 回答
慕桂英4014372
TA貢獻1871條經(jīng)驗 獲得超13個贊
你搞亂了軸的刻度。它按預(yù)期在這些比例下工作：
scales: {
xAxes: [{
id: 'x-axis',
type: 'linear',
position: 'bottom',
ticks: {
stepSize: 1,
callback: function(value, index, values) {
return data.labels[index];
}
}
}],
yAxes: [{
id: 'y-axis',
type: 'linear',
ticks: {
max: 12,
min: 1,
stepSize: 1,
}
}],
}