如何在条形图中更改y轴,x轴

时间:2019-02-13 22:13:51

标签: d3.js nvd3.js

我是该公司的新员工,以前的家伙使用d3.js工具绘制条形图。现在,我们面临的问题是,x轴上的标签过多,并且标签文本混合在一起,因此很难看到图表。

我想交换x轴和y轴

这与Java Spring一起运行

for (var i = 0; i < responseLength ; i++) {
 rmaCmplCodeName = parsedResponse[i].rmaCmplCodeName;
 number = parsedResponse[i].number;   
 discreteBarChart[0] 
["values"].push({"label":number,"value":rmaCmplCodeName});  
                      };
discreteBarChartFunc(discreteBarChart); 


function discreteBarChartFunc(discreteBarChart) {
nv.addGraph(function() { 
    var chart = nv.models.discreteBarChart()                            
        .x(function(d) {                                
            return d.label })
        .y(function(d) {
                        d3.format('d');      
            return d.value })
                    .staggerLabels(true)                 
                    .valueFormat(d3.format('d'))
                    .showValues(true)
                    .duration(250)

           chart.yAxis.tickFormat(d3.format('d'));  

       d3.select('#chart svg')

               .datum(discreteBarChart)

               .transition().duration(500)                      
       .call(chart);


            nv.utils.windowResize(chart.update);                            
    return chart;
    });
}

0 个答案:

没有答案