Я новый сотрудник этой компании, и предыдущий парень использовал инструмент 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;
});
}