echarts里的seriesIndex 和dataIndex是什么意思

秒速五厘米 2023-01-08 08:19 254阅读 0赞

高亮的时候需要用到：

> 高亮指定的数据图形。
> 
> 通过`seriesName`或者`seriesIndex`指定系列。如果要再指定某个数据可以再指定`dataIndex`或者`name`。
> 
>     dispatchAction({
>         type: 'highlight',
>         // 可选，系列 index，可以是一个数组指定多个系列
>         seriesIndex?: number|Array,
>         // 可选，系列名称，可以是一个数组指定多个系列
>         seriesName?: string|Array,
>         // 可选，数据的 index
>         dataIndex?: number,
>         // 可选，数据的 名称
>         name?: string
>     })
> 
>

这样就能得到：

let myChart = this.$echarts.init(document.getElementById(id))
    myChart.on('mouseover', (v) => {    
        console.log('鼠标移上去的index：')
        console.log(v.dataIndex)
      })

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70][]

参考：

[https://echarts.apache.org/zh/api.html\#action.highlight][https_echarts.apache.org_zh_api.html_action.highlight]

[https://segmentfault.com/q/1010000039026832?\_ea=95492260][https_segmentfault.com_q_1010000039026832_ea_95492260]

[https://echarts.apache.org/zh/api.html\#events.%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6][https_echarts.apache.org_zh_api.html_events._E9_BC_A0_E6_A0_87_E4_BA_8B_E4_BB_B6]

[https://echarts.apache.org/zh/tutorial.html\#ECharts%20%E4%B8%AD%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%92%8C%E8%A1%8C%E4%B8%BA][https_echarts.apache.org_zh_tutorial.html_ECharts_20_E4_B8_AD_E7_9A_84_E4_BA_8B_E4_BB_B6_E5_92_8C_E8_A1_8C_E4_B8_BA]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70]: /images/20221119/c5f11c1b89484738acd62a8121eae909.png
[https_echarts.apache.org_zh_api.html_action.highlight]: https://echarts.apache.org/zh/api.html#action.highlight
[https_segmentfault.com_q_1010000039026832_ea_95492260]: https://segmentfault.com/q/1010000039026832?_ea=95492260
[https_echarts.apache.org_zh_api.html_events._E9_BC_A0_E6_A0_87_E4_BA_8B_E4_BB_B6]: https://echarts.apache.org/zh/api.html#events.%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6
[https_echarts.apache.org_zh_tutorial.html_ECharts_20_E4_B8_AD_E7_9A_84_E4_BA_8B_E4_BB_B6_E5_92_8C_E8_A1_8C_E4_B8_BA]: https://echarts.apache.org/zh/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%92%8C%E8%A1%8C%E4%B8%BA