Javascript 避免在dc图表中隐藏/剪切气泡

Javascript 避免在dc图表中隐藏/剪切气泡,javascript,data-visualization,dc.js,Javascript,Data Visualization,Dc.js,我有一张气泡图,里面隐藏着气泡。是否有避免这种行为的属性 代码如下: payerBubbleChart=dc.bubbleChart(“#付款人图表”); 付款人气泡图 .宽度(450).高度(图表高度).过渡时间(1500).边距({ 前20名, 右:50,, 底数:30, 左:40 }) .维度(payerDim) .组(payerGroup) .颜色(colorbrewer.RdYlBu[9]) .colorDomain([01100]) .colorAccessor(函数(d){ 返

我有一张气泡图,里面隐藏着气泡。是否有避免这种行为的属性

代码如下:

payerBubbleChart=dc.bubbleChart(“#付款人图表”);
付款人气泡图
.宽度(450).高度(图表高度).过渡时间(1500).边距({
前20名,
右:50,,
底数:30,
左:40
})
.维度(payerDim)
.组(payerGroup)
.颜色(colorbrewer.RdYlBu[9])
.colorDomain([01100])
.colorAccessor(函数(d){
返回(d.value.denialCount/d.value.claimCount);
})
.keyAccessor(功能(p){
返回p.value.denialCount;
})
.valueAccessor(函数(p){
返回p.value.revenue;
})
.radiusValueAccessor(函数(d){
返回值(d.value.claimCount/100);
})
.maxBubblerRelativeSize(0.3).x(d3.scale.linear()).y(d3.scale.linear())
.r(d3.scale.linear().domain([01100]))
.elasticY(正确)。elasticX(正确)
.yaxispading(100).xaxispading(100)
.renderHorizontalGridLines(true).RenderServerTicalGridlines(true)
.xAxisLabel(“拒绝金额”).yAxisLabel(“收入”)
.renderLabel(true).label(函数(p){
返回p.key;
})
.rendertile(真)
.职位(职能)(p){
return['NDC:'+p.key,
“收入:$”+格式编号(p.value.Revenue,1000,“k”),
'索赔:'+formatNumber(p.value.claimCount,1000,“k”),
“拒绝:$”+格式编号(p.value.denialCount,1000,“k”)
]
.join('\n');
})
.yAxis().tickFormat(函数(v){
返回“$”+格式编号(v,1000,“k”);
});
付款人气泡图
.xAxis().tickFormat(函数(v){
返回“$”+格式编号(v,1000,“k”);
});
payerBubbleChart.xAxisMin=函数(){
返回0;
};
payerBubbleChart.yAxisMin=函数(){
返回0;

};至少有两种方法可以解决这个问题。一种是使用
xaxispading
yaxispading
将图表带出气泡

这些是以域为单位的,所以100对于你的值来说是非常小的,以千为单位。此外,您还故意使用
yAxisMin
yAxisMax
技巧在0处停止

处理此问题的另一种方法是简单地删除剪辑,以便将气泡部分绘制在图表之外,如相关问题中的@tttp所示:

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


此外,这个问答是一种扩展。

也许将你的轴刻度从线性改为对数(
d3.scale.log
)会有帮助吗?@Marek图表正在消失。有什么建议吗?