如何在弹性X或弹性Y时避免截断气泡

时间:2016-05-05 05:15:44

标签: d3.js dc.js

如果弹性图表和气泡靠近轴(或靠近图形的边框),气泡会被截断

https://github.com/dc-js/dc.js/issues/998#issuecomment-216927317

1 个答案:

答案 0 :(得分:3)

您可以添加额外的填充(xAxisPadding和yAxisPadding),但由于填充位于图形的两侧,因此最终会占用大量空间并在中间填充气泡。

解决方法是在图形外部绘制,因此气泡在轴下可见。为此,请删除剪辑:

  dc.bubbleChart('#bubbly') 
  .on('renderlet', function(chart, filter){
    chart.svg().select(".chart-body").attr("clip-path",null);
  })
  ...