echart 選中折線節點(鼠標放上去),讓整條折線加粗高亮

https://blog.csdn.net/qq_43036532/article/details/95629749

echart 將折線圖高亮

echart 做圖表時， 遇到了當鼠標懸浮在折線上，使折線高亮的問題，在網上查找了各種解決辦法，得到的結果是如下：

發現當鼠標移到折線上的時候，只有折線上的點會變大，而且在 emphasis 裏，貌似並不能修改 linestyle ，只能修改 label，itemStyle…

emphasis: {// 高亮樣式
      itemStyle: {
          color: '#000'
      },
      borderColor: 'orange'
  }

最後仔細看了看文檔，找到一個取巧的辦法。。。
最終效果：

實現了 鼠標懸浮時 折線的高亮和顯示框內 值 的高亮，下面附上部分代碼：

var option = { // 這裏面的就不多寫了
	......
}

myChart.setOption(option);
myChart.on('mouseover', function (params) {// 鼠標移入
     // myChart.dispatchAction({
     //     type: 'highlight',
     //     seriesName: params.seriesName,
     // })

     myChart.setOption({// 設置 鼠標移入後想要的樣式
         series: {
             name: params.seriesName,
             symbolSize: 4,
             lineStyle: {
                 width: 4
             }
         }
     })
 })

myChart.on('mouseout', function (params){// 鼠標移出
    // myChart.dispatchAction({
    //     type: 'downplay',
    //     seriesName: params.seriesName,
    // })

    myChart.setOption({// 將樣式復原
        series: {
            name: params.seriesName,
            symbolSize: 2,
            lineStyle: {
                width: 2
            }
        }
    })
})