dc.js неправильный формат времени

Question

Я новичок в dc.js.

На оси x я получаю значение pm/am time, и я хочу получить 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