请求协助：将Highcharts极地区域图的图例值置于图表内部

要实现将图例值（系列数值）显示在极地区域图内部的效果，可通过以下配置调整（基于Highcharts框架，对应你提供的代码场景）：

关键配置步骤 #

• 关闭外部图例：将legend.enabled设为false，不再显示外部图例列表
• 开启并配置内部数据标签：在每个系列的dataLabels中设置参数，让数值显示在区域内部
• 自定义标签样式：根据区域填充色调整文字颜色、大小，确保可读性

修改后的核心代码示例 #

Highcharts.chart('container', {
    chart: {
        polar: true,
        type: 'area'
    },
    // 隐藏外部图例
    legend: {
        enabled: false
    },
    series: [{
        name: 'Series 1',
        data: [3, 2, 1, 4, 5],
        // 配置内部数据标签
        dataLabels: {
            enabled: true,
            align: 'center',
            verticalAlign: 'middle',
            distance: -10, // 控制标签与区域中心的距离，负数向内偏移
            style: {
                fontSize: '12px',
                fontWeight: 'bold',
                color: '#ffffff' // 白色文字适配深色区域
            },
            // 自定义显示内容，这里直接显示数值
            formatter: function() {
                return this.y;
            }
        }
    }, {
        name: 'Series 2',
        data: [1, 3, 2, 5, 4],
        dataLabels: {
            enabled: true,
            align: 'center',
            verticalAlign: 'middle',
            distance: -10,
            style: {
                fontSize: '12px',
                fontWeight: 'bold',
                color: '#000000' // 黑色文字适配浅色区域
            },
            formatter: function() {
                return this.y;
            }
        }
    }]
});

配置说明 #

• distance参数可根据区域大小微调，确保标签落在区域内部
• 如果需要显示系列名称+数值，可修改formatter为return this.series.name + ': ' + this.y;
• 文字颜色需对应系列的color配置，避免与区域背景色混淆

内容的提问来源于stack exchange，提问作者WAEX