首页 > 解决方案 > 如何使数据出现在折线图Chart.js的最右边

问题描述

我使用 Chart.js 制作了一个折线图,但是当添加数据时,它不会出现在最右边。相反,它出现在靠近中间的位置。你如何让数据出现在最右边。当我只有一个数据集时,它曾经工作过。

myChart.data.labels.push("Average");
    myChart.data.datasets.forEach((dataset) => {
        if (dataset.label=='Average') {
            dataset.data.push(data);
        }
    }
 );
myChart.update();
myChart.data.labels.push("Speed");
    myChart.data.datasets.forEach((dataset) => {
       if (dataset.label=='Speed') {
            dataset.data.push(stuff);
        }
    }
);
myChart.update();

图表

标签: javascriptchart.js

解决方案


这是因为您的标签数组包含更多元素,因为有数据点,如果您确保它们的长度相同,它将添加到图表的右侧


推荐阅读