我是该公司的新员工,以前的家伙使用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;
});
}