echarts lines为虚线 悬浮虚线变成实线

ECharts是一个流行的JavaScript图表库，用于数据可视化。如果你想在ECharts中创建一条虚线，并在悬停时变为实线，你可以按照以下步骤操作：

1. 创建线条图实例时，设置`lineStyle`属性为`dashed`，表示虚线样式：

option = {
    series: [{
        name: '线条',
        type: 'lines',
        data: ...,
        lineStyle: { // 设置虚线样式
            type: 'dashed', // 线条类型，dashed代表虚线
            width: 2, // 线宽
        }
    }]
};

2. 利用ECharts的事件系统，当鼠标悬停在图形上时，可以监听`mouseover`事件并改变`lineStyle.type`为`solid`，将虚线改为实线：

chart.on('mouseover', function (params) {
    if (params.seriesIndex === 0 && params.dataIndex !== undefined) {
        option.series[0].lineStyle.type = 'solid'; // 将线条变为实线
    }
});
chart.on('mouseout', function () {
    if (params.seriesIndex === 0) {
        option.series[0].lineStyle.type = 'dashed'; // 回到虚线样式
    }
});

记得替换`...`处的数据内容为你实际需要的数据。