echarts 折线图 鼠标滑入

要在 Echarts 折线图中实现鼠标滑入时的交互效果，可以使用 `tooltip` 配置项来设置提示框，当鼠标滑动到数据点上时，可以显示对应的数值和其他信息。例如：

option = {
    // ... 其他配置项
    tooltip: {
        trigger: 'axis', // 设置触发类型为坐标轴轴触发
        formatter: '{b}日销量：{c}件' // 设置提示框内容格式
    },
    xAxis: {
        type: 'category',
        data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '销量',
        type: 'line',
        data: [120, 200, 150, 80, 70, 110, 130]
    }]
};

这个示例中，我们设置了一个 `tooltip`，当鼠标滑动到数据点上时，会显示对应日期和销量的信息。你可以根据需要调整 `formatter` 的格式，添加更详细的信息，比如显示数值单位、添加其他辅助信息等。

除了 `tooltip`，Echarts 还提供了其他的交互功能，比如数据区域缩放、数据视图、图例联动等，可以根据实际需要进行配置。

相关问题

echarts 折线图 鼠标滑入动画

要在 Echarts 折线图中实现鼠标滑入时的动画效果，可以通过设置 `emphasis` 属性来实现。`emphasis` 属性用于设置数据项在高亮状态下的样式，包括颜色、线条粗细、阴影等。例如：

option = {
    // ... 其他配置项
    tooltip: {
        // ... 省略其他配置
    },
    xAxis: {
        type: 'category',
        data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '销量',
        type: 'line',
        data: [120, 200, 150, 80, 70, 110, 130],
        emphasis: {
            lineStyle: {
                width: 4  // 设置高亮状态下线条的粗细为4
            }
        }
    }]
};

这个示例中，我们在数据系列中设置了 `emphasis` 属性，将线条粗细设置为了4，当鼠标滑动到数据点上时，线条就会变粗。你可以根据需要设置其他的样式，比如颜色、阴影等，实现不同的动画效果。

除了 `emphasis`，Echarts 还提供了一些其他的动画效果，比如缓动动画、渐变动画、延迟动画等，可以根据实际需要进行配置。

echarts 折线图 鼠标滑入symbol 变大

要在 Echarts 折线图中实现鼠标滑入时 symbol 变大的效果，可以通过设置 `emphasis` 属性来实现。`emphasis` 属性用于设置数据项在高亮状态下的样式，包括颜色、线条粗细、阴影等。我们可以在 `emphasis` 中设置 `symbolSize` 属性来实现 symbol 变大的效果。例如：

option = {
    // ... 其他配置项
    tooltip: {
        // ... 省略其他配置
    },
    xAxis: {
        type: 'category',
        data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '销量',
        type: 'line',
        data: [120, 200, 150, 80, 70, 110, 130],
        symbol: 'circle',
        symbolSize: 8,
        emphasis: {
            symbolSize: 12  // 设置高亮状态下 symbol 的大小为12
        }
    }]
};

这个示例中，我们在数据系列中设置了 `emphasis` 属性，将 `symbolSize` 属性设置为12，当鼠标滑动到数据点上时，symbol 就会变大。你可以根据需要设置其他的样式，实现不同的效果，比如改变 symbol 的形状、颜色等。

除了 `emphasis`，Echarts 还提供了一些其他的动画效果，比如缓动动画、渐变动画、延迟动画等，可以根据实际需要进行配置。