Question

我想在bubbleChart上设置气泡的像素半径。当气泡代表公司时，所有气泡将是3px，而当它们代表投资组合时，所有气泡将是6px，等等总共四个类别。因此，用户可以在不同级别聚合气泡背后的数据，气泡的大小应该代表。

问题是我正在努力设置像素的半径。

bubbleChart.width(738)
          .height(315)
          .margins({left:40,right:30,top:15,bottom:30})
          .dimension(idDimBubble)
          .group(idGrpBubble)
          .clipPadding(10)
          .elasticY(true)
          .elasticX(true)
          //.mouseZoomable(true)
          // .elasticRadius(true)
          .renderLabel(false)
          .keyAccessor(function (p) { return p.value[selectArrays[0][1]] / p.value.name.length; })
          .valueAccessor(function (p) { return p.value[selectArrays[0][0]] / p.value.name.length; })
          .radiusValueAccessor(function (p) { return (filters[0].indexOf(window.gran)+1); })// this outputs a digit of 1,2, 3 or 4. I want that to correspond to a radius of 3,6,9,12.
          //.maxBubbleRelativeSize(0.05)
          .x(d3.scale.linear().domain([0, 100]))
          .y(d3.scale.linear().domain([0, 100]))
          .r(d3.scale.linear().domain([1, 4]).range([1,4]))
          .renderHorizontalGridLines(true)
          .renderVerticalGridLines(true);

我认为上面的代码会输出1到4px之间的像素半径。相反，我必须使用maxBubbleRelativeSize来抑制大小，因为所有四个气泡都太大了。即使最小的气泡更像半径为10而不是1px。

有谁知道如何直接设置实际像素大小？感谢

如何在bubbleChart中设置半径的像素值？

0 个答案: