dc.js 时间格式错误

Question

我是 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)
;

Answer 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

dc.js 时间格式错误

dc.js wrong time format

javascript

d3.js

dc.js