javascript - chartjs 线看起来如何开始大于 0

Question

图像图表：

我需要绘制 1 个图表，但是当将数据倒出时，它必须从其他 0.0 开始，其线必须从 01-03 开始​​。chartjs 库有出路吗

我如何让我的图表从非零开始，即它的线从 3-01 而不是从 0.0 这是我的代码

const options = {
  tooltips: {
    callbacks: {
      label: function (t, d) {
        let xLabel = d.datasets[t.datasetIndex].label;
        let yLabel = t.yLabel >= 1000 ? t.yLabel.toString().replace(/\d(?=(\d{3})+$)/g, '$&,') : t.yLabel;
        return xLabel + ': ' + yLabel;
      }
    }
  },
  scales: {
    yAxes: [{
      ticks: {
        callback: function (value) {
          if (parseInt(value) >= 1000) {
            return value.toString().replace(/\d(?=(\d{3})+$)/g, '$&,');
          } else {
            return value;
          }
        },
        beginAtZero: true
      }
    }],
    xAxes: [{
      stacked: false,
      ticks: {
        beginAtZero: true,
      }
    }]
  }
};

显示的图表部分

const labels = {!! json_encode($label) !!};
const dataPrice = {!! json_encode($data)!!};
new window.Chart(chart1, {
  type: 'line',
  data: {
    labels: Object.values(labels),
    datasets: [{
      data: Object.values(dataPrice),
      borderColor: [
        'rgba(255, 99, 132, 1)',
        'rgba(54, 162, 235, 1)',
        'rgba(255, 206, 86, 1)',
        'rgba(75, 192, 192, 1)',
        'rgba(153, 102, 255, 1)',
        'rgba(255, 159, 64, 1)'
      ],
      label: '{{  $dataset}}'
    }]
  },
  options: options
});

标签： javascriptlaravelchart.js

Answer 1

有没有这样的方法？

我希望它从那个数字看，而不是从 0 看。