如何在圖表js中將x軸標籤最小化爲白天小時

我想在時間間隔的小時內打勾，我該怎麼做？如何在圖表js中將x軸標籤最小化爲白天小時

圖表標籤應該只是一天幾個小時，但我有很多蜱的，當我把幾個小時，它不把蜱間隔時間。

https://jsfiddle.net/ykm3uvL2/這個例子我有24個小時的X軸標籤，但我有100個數據。我怎樣才能把這些數據放在24小時內。

var config = { 
    type: 'line', 
    data: { 
     labels: hourOfDay, 
     datasets: _datasets 
    }, 
    options: { 
     responsive: true, 
     title: { 
      display: true, 
      text: 'Daily Kw Object' 
     }, 
     tooltips: { 
      mode: 'label', 
     }, 
     hover: { 
      mode: 'nearest', 
      intersect: true 
     }, 
     scales: { 
      xAxes: [{ 
       display: true, 
       scaleLabel: { 
        display: true, 
        labelString: 'Time' 
       } 
      }], 
      yAxes: [{ 
       display: true, 
       scaleLabel: { 
        display: true, 
        labelString: _obj.Items[0].ValueType 
       } 
      }] 
     } 
    } 
}; 

var ctx =$("#canvas"+_obj.Id)[0].getContext('2d'); 
window.myLine = new Chart(ctx,config);

來源

2017-04-12 Ramazan Zülkarneyn

你的問題不是很清楚。你只需要'04'而不是'04：20'？ –

我想把這個04:20刻度到04:00 05:00 –

嗯好的..是給定的圖像是你的預期結果還是你的圖表的當前狀態？ –

我解決了。現在工作了。 https://jsfiddle.net/fLjcan5d/謝謝moáois試圖理解我。

var config = { 
type: 'line', 
data: { 
labels: ['00:00','01:15', '02:00', '03:20', '04:00', '05:00', 
'06:00','07:00','08:00','09:00','10:00','11:00', 
    '12:00','13:00','14:00','15:00','16:00','17:00','18:00','23:59'], 
    datasets: [{ 
     label: "My First dataset", 
     data: [1, 3, 4, 2, 1, 4, 2], 
    }] 
    }, 
    options: { 
    scales: { 
     xAxes:[{ 
    type: 'time', 
    time: { 
    format: "HH:mm", 
    unit: 'hour', 
    unitStepSize: 1, 
    displayFormats: { 
     'minute': 'HH:mm', 
     'hour': 'HH:mm', 
     min: '00:00', 
     max: '23:59' 
    }, 
}}], 
    }, 
    } 
};

來源

2017-04-13 12:16:58

如何在圖表js中將x軸標籤最小化爲白天小時

回答

相關問題