2017-09-15 113 views
0
C3 version: 0.4.10: 
D3 version: 3.5.5: 
Browser: Firefox 55.0.3: 
Client OS: Windows 10: 
Server OS: CentOS 6: 

我正在研究C3時間序列散點圖。 http://jsfiddle.net/dewanshamsul/f81ymrpc/1/c3時間序列散點圖,y軸時間數據

我希望使用時間數據在y軸如下所示:http://jsfiddle.net/dewanshamsul/t6rtLofc/

但它無法正常工作。我試圖用

y: 'Time', 
yFormat: '%H:%M:%S', 

axis: { 
y: { 
    type: 'timeseries', 
     tick : { 
       format: d3.time.format("%X",) 
     }, 
}, 

我看到了一個例子R,其中有人在y軸上繪製時間數據,所以我不知道它是否支持我失去了一些東西?

回答

0

你提供的jsfiddles是相同的。
但是,您可能正在尋找axis.rotated選項。

axis: { 
    rotated: true, 
    y: ... 
    x: ... 
} 

See updated fiddle

+0

我感到非常抱歉。不知何故,我發佈了錯誤的jsfiddle。請檢查更新的小提琴現在。 http://jsfiddle.net/dewanshamsul/t6rtLofc/6/ 我有以下格式的X軸日期2017-09-05 我有以下格式的Y軸時間13:30:45 獲得在y軸上繪製時間是主要問題。 –

+0

您必須將時間轉換爲* timestamps *,然後設置y軸文本格式:請參閱http://c3js.org/reference.html#axis-y-tick-format和https://github.com/d3 /d3-3.x-api-reference/blob/master/Time-Formatting.md –

+0

此外,沒有* data.y *或* data.yFormat *這樣的選項,將其刪除。 –