React Highcharts如何设置accessibility.enabled为false消除控制台警告

你现有配置已经定义了根级的accessibility字段，只需要在该字段内新增enabled: false属性即可关闭警告，不需要调整其他业务配置。

修改后的完整配置参考：

const optionNUsersPerService = {
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'pie'
        },
        title: {
            text: 'Utenti per servizio'
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        accessibility: {
            enabled: false, // 新增这一行关闭无障碍模块警告
            point: {
                valueSuffix: '%'
            }
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        },
        series: [{
            name: 'Utenti',
            colorByPoint: true,
            data: getDataUsersPerService(props.items)
        }]
    }

注意事项 #

• 该配置直接放在Highcharts配置的根层级即可，不需要嵌套在chart、plotOptions等其他字段下，你当前的配置结构已经符合要求，仅缺enabled属性
• 修改配置保存后刷新页面，控制台的警告就会消失
• 如果后续需要支持屏幕阅读器等无障碍访问能力，移除该enabled: false配置，引入对应无障碍模块即可，你当前已写的accessibility.point配置可以直接复用

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