ChartJS Y轴刻度值错误

nvbavucw  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(150)

我有一个图表,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
          }
        }]
        }
      }
    }

任何关于如何解决这个问题的帮助都将不胜感激,谢谢!

r7knjye2

r7knjye21#

对于你的代码,我只是添加了修改了yAxis.gridLinescolor,以更好地显示不同点的位置。对我来说,这看起来很好。也请发布你的CSS定义。

yAxes: [{
  ...
  gridLines: {
    color: 'white'
  }

第一个

相关问题