目前它看起来像-https://mm5qkg.csb.app/---sandbox如果标注数量较少,则使用“offset:true”有效,但标注数量开始增加时,偏移量也开始减少"我试过很多方法,但都没用"
332nm8kg1#
X轴可以定义为type: 'linear',data作为对象数组,每个对象都有x和y属性。然后,可以使用ticks.min和ticks.max定义图表中应显示的范围。
type: 'linear'
data
x
y
ticks.min
ticks.max
const values = [0, 53, 85, 0, 0, 65, 5, 18, 2, 44, 2, 2, 42, 44, 21, 55]; const valueXStart = 4; const options = { scales: { xAxes: [ { type: 'linear', ticks: { min: 3.8, max: 7, stepSize: 0.1 } } ] } }; const data = { datasets: [ { label: "First dataset", data: values.map((v, i) => ({ x: valueXStart + i * 0.1, y: v })), ... } ] };
请看一下您修改后的CodeSandbox,看看它是如何工作的。
1条答案
按热度按时间332nm8kg1#
X轴可以定义为
type: 'linear'
,data
作为对象数组,每个对象都有x
和y
属性。然后,可以使用ticks.min
和ticks.max
定义图表中应显示的范围。请看一下您修改后的CodeSandbox,看看它是如何工作的。