Question

我想知道如何在NVD3散点图中设置圆的最小和最大半径。

NVD3分散：http://nvd3.org/ghpages/scatter.html

Answer 1

在图表对象上调用.sizeRange([minArea, maxArea])。请注意，“大小”与面积成正比，而不是半径，因此您需要使用最大/最小半径的平方（如果您想要精确的话，请调整为pi / 2）。

Answer 2

从1.7.1开始，请致电.pointRange([minArea,maxArea])。

Answer 3

nv.addGraph(function() {
  var chart = nv.models.scatterChart()
                .showDistX(true)
             .sizeRange([1000, 100]) /*****Chart Circle Range******/
                .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;
});

Use this this link或将上述代码应用于此LINK

.sizeRange（[minArea，maxArea]）

示例：.sizeRange（[1000,100]）

NVD3散点图圆半径

3 个答案: