NVD3散点图圆形半径

Question

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

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

- NoMachine

Answer 1

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

- AmeliaBR

Answer 2

从1.7.1版本开始，调用.pointRange([minArea,maxArea])。

- Nadim

Answer 3

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

请使用此链接或将上述代码应用到此链接中。

.sizeRange([minArea, maxArea])

示例: .sizeRange([100, 1000])

- Alfin Paul