如何避免弹性或弹性时出现截断气泡

How to avoid truncated bubbles when elasticX or elasticY

当您有一个弹性图表和靠近轴(或靠近图表边界)的气泡时,气泡会被截断

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

您可以添加额外的填充(xAxisPadding 和 yAxisPadding),但由于填充位于图形的两侧,您最终会失去很多 space 并且中间会出现气泡。

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

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