我有一个图表,y轴刻度似乎是错误的。
这是输入的数据。
data: {
labels: [1, 2, 3, 4, 5, 6],
datasets: [
{
label: '911',
lineTension: 0,
fill: false,
borderColor: '#4cfbb3', // (random)
data: [ 10381, 11381, 19381, 19381, 2381 ]
}
]
}
图表:x1c 0d1x
如您所见,第1天的数据应分别在10 k左右绘制,在图表上略高于6 k。此外,最高值为19381,甚至有两次,在图表上显示最高值正好在12 k。
我不能精确地设置硬编码的比例,因为这个数据比例一直在变化。下面是json的其余部分:
{
type:'line',
data:{
labels:[],
datasets:[]
},
options:{
legend: {
display: true,
position: 'top',
fontColor: 'white',
fontSize: 20,
labels: {
fontColor: 'white',
fontSize: 20
}
},
responsive: true,
scales: {
yAxes: [{
stacked: false,
scaleLabel: {
display: true,
fontColor: 'white',
fontSize: 25,
labelString: 'Faction Points'
},
ticks: {
fontColor: 'white',
fontSize: 20,
min: 0
}
}],
xAxes: [{
stacked: false,
scaleLabel: {
display: true,
fontColor: 'white',
fontSize: 25,
labelString: 'Day'
},
ticks: {
fontColor: 'white',
fontSize: 20,
min: 0
}
}]
}
}
}
任何关于如何解决这个问题的帮助都将不胜感激,谢谢!
1条答案
按热度按时间r7knjye21#
对于你的代码,我只是添加了修改了
yAxis.gridLines
的color
,以更好地显示不同点的位置。对我来说,这看起来很好。也请发布你的CSS定义。第一个