d3.js изменить формат цены и даты

Question

Я хочу изменить формат даты и числа в d3.js.

У меня есть код ниже для создания диаграммы.

collectionRate.width(940) 
    .height(250) 
    .dimension(collectionRateValue) 
    .group(collectionRateValueGroup_payment, "Payment") 
    //.stack(collectionRateValueGroup_adj, "count") 
    .stack(collectionRateValueGroup_ar_bal, "charge amt") 
    .title(function(d) { 
     return ": "; 
    }) 
    .renderTitle(true) 
    .transitionDuration(1500) 
    .margins({ 
     top: 10, 
     right: 50, 
     bottom: 30, 
     left: 70 
    }) 
    .centerBar(true) 
    .gap(10) 
    .xAxisPadding(500) 
    .xUnits(d3.time.months) 
    .label(function(d){ 
     return "d.key"; 
    }) 
    .round(d3.time.month.round) 
    .x(d3.time.scale().domain([new Date(2012, 11, 1), new Date(2013, 12, 31)])) 
    //.x(d3.scale.linear().domain([-1, 10000])) 
    .legend(dc.legend().x(750).y(0)) 
    .elasticY(true) 


    dc.renderAll(); 
    dc.redrawAll(); 
    d3.select("#dc-pie-graph > svg > g").attr("transform", "translate(100,100)"); 

Идентификационный код приведен ниже.

Теперь, что я хочу Я хочу изменить формат 500,000 значение Y-оси для 50К, как и другие. В настоящее время значение оси X - январь, февраль .... Я хочу изменить это до 13 января.

Я попытался, но я не могу с успехом изменить формат.

Answer 1

Вы можете использовать .tickFormat() function, чтобы сделать это, например. для оси х:

.xAxis().tickFormat(d3.time.format("%b-%d")); 

Вы в настоящее время округлением до целых месяцев (.round(d3.time.month.round)), которые вы можете захотеть удалить для этого. Для оси y это выглядело бы примерно так:

.yAxis().tickFormat(d3.format(",.0s"));