Question

我正在使用Chart.js在我的网页上创建图表。现在我想用线条和条形数据创建组合图表。由于我的线条和条形数据彼此独立，我需要使用空值。例如：

x-labels: 08:00, 09:00, 10:00, 11:00, 12:00
y-line: 12, null, 10, null, 15
y-bar: null, 25, null, 30, null

您可以将此JsFiddle作为示例。正如您在那里看到的那样，行数据只是点，它们不与行连接。我希望这些点与线连接。 我该怎么做？

Answer 1

而不是null值，请尝试使用＆＃39; 0＆＃39;或最小值。

x-labels: 08:00, 09:00, 10:00, 11:00, 12:00
y-line: 12, 0, 10, 0, 15
y-bar: 0, 25, 0, 30, 0

无法处理null。希望这会有所帮助。

Answer 2

覆盖beforeDatasetsDraw

Chart.pluginService.register({
    beforeDatasetsDraw: function(chart) {
        for (dataset of chart.config.data.datasets) {
            for(data of dataset._meta[chart.id].data) {
                data._model.skip = false;
                data._model.tension = 0;
            }
        } 
    }
});

具有空值的折线图：如何保持线连接？

2 个答案: