Highchart:添加自定义按钮以显示/隐藏注释？

// 创建按钮元素
var button = chart.renderer.button('显示注释', null, null, null, null, null, null)
    .attr({
        align: 'right',
        'class': 'custom-button'
    })
    .add();

// 定义按钮的点击事件处理程序
button.on('click', function() {
    var series = chart.series[0]; // 假设注释所在的系列是第一个系列

    if (series.dataLabels.enabled) {
        series.update({
            dataLabels: {
                enabled: false
            }
        });
        button.attr('text', '显示注释');
    } else {
        series.update({
            dataLabels: {
                enabled: true
            }
        });
        button.attr('text', '隐藏注释');
    }
});

// 设置按钮的位置
button.align(Highcharts.Chart.prototype.title.alignOptions, null, 'spacingBox');

// 设置按钮的样式
$('.custom-button').css({
    'background-color': '#ccc',
    'border': 'none',
    'color': '#000',
    'padding': '5px 10px',
    'cursor': 'pointer'
});