Question

我正在尝试更改散点图中圆圈的大小。我使用属性大小，但即使我将其更改为10,100等，圆圈的大小也不会增加。我尝试使用.sizeRange([minArea, maxArea])并且最大尺寸增加了。我无法理解size如何影响可察觉的大小。是相对大小吗？

修改

如果你有

function(groups, points) {
var data = [],
  shapes = ['circle', 'cross', 'triangle-up', 'triangle-down', 'diamond', 'square'],
  random = d3.random.normal();

for (i = 0; i < 1; i++) {
  data.push({
    key: 'Group ' + i,
    values: []
});

for (j = 0; j < 4; j++) {
     data[i].values.push({
        x: j
      , y: j
      , size: j
    });
  }
}
}

即使我们将j循环从j<4更改为j<8，最大圆圈的大小也保持不变。我们可以尝试代码here。

Answer 1

从1.7.1版开始，你可以使用属性pointRange（[minArea，maxArea]）：

在javascript对象中：

chart.pointRange([45,50]);

在JSON选项中：

chart:{
    ...
    pointRange:[45,50],
    ...
 }

对我来说，45和50的值就足够了。

Answer 2

首先，您必须确保拥有正确的新版本（1.8.5）脚本：

<link href="http://nvd3.org/assets/css/nv.d3.css" rel="stylesheet" type="text/css">
<script src="http://nvd3.org/assets/lib/d3.v3.js"></script>
<script src="http://nvd3.org/assets/js/nv.d3.js"></script>

然后，使用sizeRange：

chart
.showDistX(true)
.showDistY(true)
 .color(d3.scale.category10().range())
 .size(1).sizeRange([100,100]);

这对我有用。话虽如此，这个版本的形状不起作用。这是一个糟糕的策划方案。

nvd3散点图圆圈大小不起作用

2 个答案: