我正在尝试使用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的限制。
1条答案
按热度按时间vlju58qv1#
我的解决方案是使用Apexchart,它为我的问题提供了一个更简单的解决方案:
https://apexcharts.com/javascript-chart-demos/timeline-charts/advanced/