我有这个图:
这是在 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)