相关疑难解决方法(0)

ChartJS 显示时间数据的差距

我有这个图:

图表

这是在 ChartJS 中构建的,但是,在下午 1 点到 5 点 30 分之间,没有数据。

我想让图表做的是显示没有数据,而不是连接两个点。

这能做到吗?从理论上讲,我每 5 秒有一个新值,但这可能会减少,所以我想我需要能够设置间隙的容差以加入与显示的间隙?

图表选项如下所示:

        myChart = new Chart(ctx, 
        {
            type: 'line',
            data: 
            {
                labels: timestamp,
                datasets: 
                [{data: speed,backgroundColor: ['rgba(0, 9, 132, 0.2)'],borderColor: ['rgba(0, 0, 192, 1)'],borderWidth: 1},
                {data: target,borderColor: "rgba(255,0,0,1)",backgroundColor: "rgba(255,0,0,0)",borderWidth: 1,tooltips: {enabled: false}}]
            },
            options: 
            {
                scales: {yAxes: [{ticks: {beginAtZero:true, min: 0, max: 300}}], xAxes: [{type: 'time',}]},
                elements: 
                {point:{radius: 0,hitRadius: 5,hoverRadius: 5},
                line:{tension: 0}},
                legend: {display: false},
                pan: {enabled: true,mode: 'xy',rangeMin: {x: null,y: null},rangeMax: {x: null,y: null}},
                zoom: …
Run Code Online (Sandbox Code Playgroud)

javascript time graph chart.js

5
推荐指数
1
解决办法
3476
查看次数

标签 统计

chart.js ×1

graph ×1

javascript ×1

time ×1