Axis JS:为LightningChart交互分配不同的MouseButton

import { LightningChart, ColorRGBA, SolidLine } from '@arction/lcjs';

// 创建图表实例
const chart = LightningChart.ChartXY({
    container: document.getElementById('chart-container')
});

// 添加数据系列
const series = chart.addLineSeries({
    dataPattern: {
        pattern: 'ProgressiveX'
    }
});

// 添加一些示例数据
for (let i = 0; i < 100; i++) {
    series.addData({ x: i, y: Math.sin(i / 10) });
}

// 配置轴
chart.getDefaultAxisX().setInterval(0, 100);
chart.getDefaultAxisY().setInterval(-1, 1);

// 为不同的 MouseButton 分配不同的交互功能
chart.on('mousedown', (event) => {
    if (event.button === 0) { // LeftButton
        console.log('Left button pressed');
        // 执行左键操作，例如选择数据点
    } else if (event.button === 2) { // RightButton
        console.log('Right button pressed');
        // 执行右键操作，例如显示上下文菜单
    }
});

chart.on('wheel', (event) => {
    if (event.button === 1) { // MiddleButton
        console.log('Middle button pressed');
        // 执行中键操作，例如滚动缩放
    }
});

chart.on('mousedown', (event) => {
    if (event.button === 0) { // LeftButton
        console.log('Left button pressed');
    } else if (event.button === 2) { // RightButton
        console.log('Right button pressed');
    }
});