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

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

當類別較少時,如何在高圖中顯示所有數據?

當類別較少時,如何在高圖中顯示所有數據?

波斯汪 2023-11-11 20:49:17
我正在使用 highcharts 為我的數據生成圖表。我的疑問如下:如果我有如下數據,并且我知道這個時期是今天。"data": [{ "time": '12-10-2020 00:50:00', "value": 526.42}, { "time": '12-10-2020 01:45:00', "value": 80}, {"time": '12-10-2020 02:47:00',"value": 17}, {"time": '12-10-2020 03:52:00',"value": 21}, { "time": '12-10-2020 08:50:00',"value": 5 }, {"time": '12-10-2020 09:48:00', "value": 5}]我大約每小時都有數據,但間隔不規則,所以有時它也會跳過一個小時,或者間隔可能小于一個小時,所以我的數據比這里多得多。所以我希望我的類別是這樣的,['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:07', '00:08', '09:00'...]x 軸上總共有 24 個標簽。但是,當我像這樣設置類別時,如果系列中的數據多于類別,則并非所有數據都會顯示在圖表中。任何幫助表示贊賞!
查看完整描述

1 回答

?
HUH函數

TA貢獻1836條經驗 獲得超4個贊

您可以根據您的數據計算min和屬性:max


var oneHour = 1000 * 60 * 60;


Highcharts.chart('container', {

    time: {

        useUTC: false

    },

    xAxis: {

        type: 'datetime',

        startOnTick: false,

        endOnTick: false,

        tickInterval: oneHour,

        min: new Date(data.data[0].time.split(' ')[0]).getTime(),

        max: (new Date(data.data[0].time.split(' ')[0]).getTime()) + oneHour * 24

    },

    series: [{

        data: data.data.map(el => [

            new Date(el.time).getTime(),

            el.value

        ])

    }]

});

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

API參考:

https://api.highcharts.com/highcharts/xAxis.min

https://api.highcharts.com/highcharts/xAxis.max


查看完整回答
反對 回復 2023-11-11
  • 1 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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