我是javascript中的新手,特别是使用nvd3.js,但我想使用nvd3.js可视化数据数据。我试过nvd3.js,部分代码是:
var chart;
nv.addGraph(function() {
chart = nv.models.linePlusBarChart()
.margin({top: 30, right: 60, bottom: 50, left: 70})
.x(function(d,i) { return i })
.color(d3.scale.category10().range());
chart.xAxis
.tickFormat(function(d) {
var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
return dx ? d3.time.format('%x')(new Date(dx)) : '';
})
.showMaxMin(false)
.axisLabel("X-axis Label");
chart.y1Axis
.tickFormat(d3.format(',f'))
.axisLabel("y1Axis Label");
chart.y2Axis
.tickFormat(function(d) { return '$' + d3.format(',.2f')(d) })
.axisLabel("y2Axis Label");
chart.bars.forceY([0]).padData(false);
//chart.lines.forceY([0]);
d3.select('#chart1 svg')
.datum(testdata)
.transition().duration(500).call(chart);
nv.utils.windowResize(chart.update);
chart.dispatch.on('stateChange', function(e) { nv.log('New State:', JSON.stringify(e)); });
return chart;
此处的完整代码:http://jsfiddle.net/8ZVLJ/2/
我想将左侧的y1轴换成右侧而右侧的y2轴换成左侧,我试过了,但是仍然无法工作,我怎么能这样做?
由于