如何在Chart.js中的中心放置单个数据?

时间:2018-04-23 13:05:52

标签: javascript chart.js

我的代码:

        var chart = new Chart('graph_data', {
            type: 'line',
            data: {
                labels: data.labels.labels,
                datasets: dataSets
            },
            options: {
                responsive: true,
                tooltips: {
                    mode: 'index',
                    intersect: false,
                },
                legend: {
                   display: true,
                },
                scales: {
                    xAxes: [{
                        display: true,
                        ticks: {
                            autoSkip: true,
                            maxRotation: 0,
                        },
                        scaleLabel: {
                            display: true,
                            labelString: attributeLabels[data.labels.type],
                        }
                    }],
                    yAxes: [{
                        display: true,
                    }]
                }
            }
        });

当有大量数据时,一切都很好。 enter image description here

但是当有一点数据时,点会向左移动。 我怎样才能把它放在中心?不知道? enter image description here

1 个答案:

答案 0 :(得分:-1)

好吧,我在其他地方解决了这个问题。如果是单个数据,则将不带标题的空值添加到数据数组:

datapoints = [NaN, 1800, NaN];
labels = ['', 'Label', ''],

enter image description here