我如何在nvd3.js中用y2轴交换y1轴?

时间:2014-06-26 06:48:04

标签: javascript d3.js nvd3.js

我是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轴换成左侧,我试过了,但是仍然无法工作,我怎么能这样做?

由于

0 个答案:

没有答案