在轴上格式化数据

时间:2016-02-18 05:48:22

标签: d3.js nvd3.js c3.js

我正在使用nvd3实现堆叠图表。我遇到的一个问题是使用x轴标签格式化x数据

x轴数据将采用year.week的形式。但是,我需要将数据显示在标签上作为年份|周。如何根据需要格式化这些数据?

nv.addGraph(function() {
    var chart = nv.models.multiBarChart()
        //If 'false', every single x-axis tick label will be rendered
        .reduceXTicks(false)
        //Angle to rotate x-axis labels.
        .rotateLabels(0)    
        //Allow user to switch between 'Grouped' and 'Stacked' mode  
        .showControls(false) 
        //Distance between each group of bars  
        .groupSpacing(0.1)
        .stacked(true);

    chart.xAxis.tickFormat(d3.format(',f'));
    chart.yAxis.tickFormat(d3.format(',.1f'));

    d3.select('#chart1 svg').datum(exampleData()).call(chart);
    console.log(exampleData()[0]);
    d3.select('#chart2 svg').datum(exampleData()).call(chart);
    nv.utils.windowResize(chart.update);
    return chart;
});

0 个答案:

没有答案