如何在使用Highchart和不使用JQuery时触发外部图例点击事件

// 引入 jQuery 库和 Highcharts 库
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

// 创建 Highcharts 图表对象并渲染到容器中
var chart = Highcharts.chart('container', {
    // 图表配置项
    // ...
});

// 监听外部图例的点击事件
$('.external-legend').on('click', function() {
    // 获取被点击的图例信息
    var legendName = $(this).text();
    var legendIndex = $(this).index();

    // 执行相应的操作
    // ...
});

// 引入 Highcharts 库
<script src="https://code.highcharts.com/highcharts.js"></script>

// 创建 Highcharts 图表对象并渲染到容器中
var chart = Highcharts.chart('container', {
    // 图表配置项
    // ...
});

// 监听外部图例的点击事件
chart.legend.allItems.forEach(function(item) {
    item.legendGroup.on('click', function() {
        // 获取被点击的图例信息
        var legendName = item.name;
        var legendIndex = item.index;

        // 执行相应的操作
        // ...
    });
});