Question

我的问题是容器外的标签被裁剪。我设置属性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]
                ]
            }]
        })
})

提前致谢！

Answer 1

它看起来像一个可能的错误，所以我在这里向我们的开发人员报告https://github.com/highslide-software/highcharts.com/issues/2564

Highcharts漏斗图。容器外的标签被裁剪

1 个答案: