dc.js错误的时间格式

时间:2015-01-06 13:36:55

标签: javascript d3.js dc.js

我是dc.js的新手。

在x轴上,我得到pm / am时间值,我得到24小时时间值。 我的代码出了什么问题?:

<script type="text/javascript">
        var data = [
    { "quarter": "Q1", "hits": 10410, "date": "16:00" },
    { "quarter": "Q1", "hits": 10601, "date": "16:15" },
    { "quarter": "Q1", "hits": 10851, "date": "16:30" },

var timeFormat = d3.time.format('%H:%M');

    hitslineChart
    .width(500).height(200)
    .dimension(dateDim)
    .group(hits_2011,"2011")
    .renderArea(true)
    .x(d3.time.scale().domain([timeFormat.parse('15:00'), timeFormat.parse('20:00')]))
    .elasticX(true)
    .brushOn(false)
    .mouseZoomable(true)
;

1 个答案:

答案 0 :(得分:1)

您应该像这样单独定义轴“tickFormat

hitslineChart.xAxis().tickFormat(timeFormat);

请在此处查看JFiddle:http://jsfiddle.net/henbox/q1rbq6a2/1/

文档:https://github.com/dc-js/dc.js/blob/master/web/docs/api-1.6.0.md#xaxisxaxis