删除Highcharts dataLabel边框

Question

我在Highcharts Maps库中遇到了一些问题.如何删除黑色dataLabels边框？

这是我的设置:

var Map = $('#container').highcharts('Map', {
    mapNavigation: {
        enabled: true,
        buttonOptions: {
            verticalAlign: 'bottom'
        }
    },

    colorAxis: {
        min: 0
    },

    series : [{

        mapData: Highcharts.maps['gbpostcodes'],

            dataLabels: {
                enabled: true,
                fontSize:'20px',
                color:'yellow',
                borderWidth: 0,
                format: '{point.properties.Name}'
            }

    }]
});

(见附件截图)

Answer 1

用于修复此问题的Highcharts V5代码是

dataLabels: {
  style: {
    textOutline: 0
  },
}

Answer 2

这为我完成了工作：

plotOptions: {
        series: {
          dataLabels: {
            style: {
              textOutline: 0,
            }
        }
    }
}

Answer 3

你肯定可以。请参阅此处有关dataLabels的 API 文档。要删除边框集：

    dataLabels: {
    ...
    borderWidth: 0,
    ...
    },

如果您正在谈论文本阴影，您也可以在 dataLabel 中执行此操作：

            dataLabels: {
                enabled: true,
                fontSize: '20px',
                color: 'yellow',
                borderWidth: 0,
                format: '{point.properties.Name}',
                style: {
                    textShadow: false
                }
            },