Question

我正在http://nvd3.org/livecode/index.html#codemirrorNav尝试nvd3示例请点击图2“Scatter / Bubble Chart”。 JavaScript的原始代码如下：

nv.addGraph(function() {
  var chart = nv.models.scatterChart()
            .showDistX(true)
            .showDistY(true)
            .color(d3.scale.category10().range());

  chart.xAxis.tickFormat(d3.format('.02f'));
  chart.yAxis.tickFormat(d3.format('.02f'));

  d3.select('#chart svg')
    .datum(data(4,40))
    .transition().duration(500)
    .call(chart);

nv.utils.windowResize(chart.update);

return chart;
});

我尝试更改xAxis范围/比例/域名以查看它是否有任何内容。但不知怎的，它不起作用。

我做的是添加

var xScale = d3.scale.linear().domain([0,1]).range([1,4]);
chart.xAxis.scale(xScale);
chart.xAxis.tickValues([1,2,3]);

在原始图中的yAxis线下方。我可以看到tickValues按预期工作。但不知何故，域和范围都不能按预期工作。

我希望看到xAxis从不同的值开始，如1或0.请帮助。

Answer 1

尝试类似

的内容

chart.forceX([minValue,maxValue])

希望它有所帮助。

更改轴域/范围在nvds中不起作用

1 个答案: