Chart.js不对相等的标签进行分组

e3bfsja2  于 2023-08-05  发布在  Chart.js
关注(0)|答案(1)|浏览(151)

我正在尝试使用Chart.js创建一个时间图。显然,它的工作,但我有困难的标签,不分组时,平等的,我认为Chart.js做了这件事,但我看到它不是。请注意,在图像中,有两个“任务2”。


的数据

const config = {
  type: 'bar',
  data: {
    labels: ['Task 2', 'Task 1', 'Task 3'],
    datasets: [
      {
        label: 'Task 2',
        data: [[0, 2], [0, 0], [0, 0]],
      },
      {
        label: 'Task 1',
        data: [[0, 0], [2, 5], [0, 0]]
      },
      {
        label: 'Task 3',
        data: [[0, 0], [0, 0], [5, 7]]
      },
      {
        label: 'Task 2',
        data: [[7, 9], [0, 0], [0, 0]],
      },
    ]
  },
  options: {
    responsive: true,
    indexAxis: 'y',
    scales: {
      x: {
        beginAtZero: true,
        ticks: {
          stepSize: 1
        }
      }
    }
  }
};

new Chart(document.getElementById('myChart'), config);

字符串
我的问题是,如果我Map的数据错误,或者如果这是一个chartjs的限制。

vlju58qv

vlju58qv1#

我的解决方案是使用Apexchart,它为我的问题提供了一个更简单的解决方案:
https://apexcharts.com/javascript-chart-demos/timeline-charts/advanced/

相关问题