亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何跳過 Highcharts 中的數據點而不會導致圖表行中斷?

如何跳過 Highcharts 中的數據點而不會導致圖表行中斷?

開心每一天1111 2021-12-02 16:42:28
使用 Highcharts ... 我有一系列與一系列時間相對應的值。有時,數據值null位于特定時間并且圖表上沒有放置標記,這很好,但是線被中斷并且基本上在下一個不是 的值上開始一個新圖表null。我想跳過null圖表上的值,但仍保留時間值,只需用實線將最后一個非空值連接到下一個值。如果值為null,我曾嘗試跳過整個索引,但隨后也跳過了時間值。我已經取代了null與0上0軸,但很明顯,然后將數據點的土地。這是我的數據:for (i = 0; i < tpoints.length; i++)    {        var tc = cpoints[i];        var tf = fpoints[i];        var t = tpoints[i];        labels.push(t);        c.push(tc);        f.push(tf);    }這是我的圖表配置:var config = {        type: 'line',        fill : false,        data: {            datasets: [{                    data: f,                    backgroundColor: [                        color(window.chartColors.red).alpha(0.5).rgbString(),                    ],                    label: '',                    fill : false                },{                    data: c,                    backgroundColor: [                        color(window.chartColors.blue).alpha(0.5).rgbString(),                    ],                    label: '',                    fill : false                }],            labels: labels        },        options: {            maintainAspectRatio: false,            responsive: true,            title: {                display: true,                text: title,                fontSize: 22            },            legend: {                position: "bottom",                display: false            },            scales: {                yAxes: [{                        display: true,                        scaleLabel: {                            display: true,                            labelString: 'T'                        },                        ticks: {                            beginAtZero: true                        }                    }]            }        }    };這會按預期創建折線圖(每個數據點的顏色點。然后每個數據點都與一條細灰線連接。),但在圖表中間的某個地方,如果它收到一個null值,灰線會被切斷并且只在兩個非空值之間再次顯示。關于如何將 之前null的數據點與之后的數據點連接的任何想法null?
查看完整描述

1 回答

?
陪伴而非守候

TA貢獻1757條經驗 獲得超8個贊

啟用該connectNulls選項:


series: [{

    data: [...],

    connectNulls: true

}]

現場演示: http : //jsfiddle.net/BlackLabel/fheb9yp5/


API參考: https : //api.highcharts.com/highcharts/series.line.connectNulls


查看完整回答
反對 回復 2021-12-02
  • 1 回答
  • 0 關注
  • 223 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號