我的问题是容器外部的标签被裁剪。我设置了属性overflow=“none”和crop=false,但没有任何改变。标签“发送的电子邮件”仍被裁剪在容器外部。谁能指出我的解决方案。
您可以在这里找到我的示例:http://jsfiddle.net/d4zGF/540/
$(document).ready(function(){
$('#container')
.highcharts({
chart: {
type: 'funnel',
marginLeft:0,
marginRight: 10,
marginBottom: 20
},
title: {
text: "Problem with data lables",
x: -50
},
plotOptions: {
funnel: {
dataLabels: {
useHTML: true,
overflow:"none",
crop:false,
enabled: true,
distance:10,
format: '<b>{point.name}</b> ({point.y:,.0f})',
color: 'black'
},
neckWidth: (20/50*0.8+0.2)*100+"%",
neckHeight: (20+5)/(50+20+5)*100+"%",
width:"100%"
}
},
legend: {
enabled: false
},
series: [{
name: 'emails',
data: [
['emails sent', 50],
['returns', 20],
['successful', 5]
]
}]
})
})
提前致谢!
最佳答案
它看起来可能是一个错误,所以我在这里向我们的开发人员报告了它 https://github.com/highslide-software/highcharts.com/issues/2564
关于javascript - Highcharts 漏斗图。容器外部的标签被裁剪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20948539/