javascript - Highcharts覆盖默认的DataLabel

当图表为饼形图但无法正常工作时，我尝试使用以下代码覆盖默认的dataLabels规则。

我想念什么？

plotOptions: {
    series:{
        dataLabels:{
            shadow : false,
            allowOverlap:true,
            useHTML: true,
            style :{
                textShadow :'none',
                fontSize:"16px"
            },
            formatter: function () {
                return '<p>'+(this.y).format() + ' ' + suffixe+'</p>';
            }
        }
    },
    pie: {
        allowPointSelect: true,
        cursor: 'pointer',
        dataLabels: {
            enabled: true,
            style:{
                fontSize:"18px"
            },
            formatter: function() {
                return '<strong>'+ this.point.name +'</strong>: '+ this.y;
            }
        }
    }
}

我想念什么吗

最佳答案

我在这里看到的一个问题是您正在尝试同时做两件事。您应该在dataLabels或plotOptions.pie中设置plotOptions.series，但不能同时设置两者。

另外，您缺少plotOptions.series的步骤。正确的顺序是plotOptions --> series --> point --> dataLabels。

plotOptions: {
    series:{
        point: {    // <-- here is your missing step
            dataLabels:{
                shadow : false,
                allowOverlap:true,
                useHTML: true,
                style: {
                    textShadow :'none',
                    fontSize:"16px"
                },
                formatter: function () {
                    return '<p>'+(this.y).format() + ' ' + suffixe+'</p>';
                }
            }
        }
    }
    // ... other options
}, // end plotOptions

这对您的问题有帮助吗？