2017-09-15 90 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 *这样的选项,将其删除。 –