echarts折线图点击事件改变点的样式

echarts是一款基于JavaScript的数据可视化库，可以为用户提供各种形式的图表展示效果。其中，折线图作为一种非常常见的图表之一，也受到很多用户的青睐。为了满足用户的具体需求，echarts提供了各种图表的事件响应机制，并且可以通过钩子函数来实现事件的自定义处理。

要改变echarts折线图上的点的样式，可以在echarts对象的配置中，通过设置series中的itemStyle属性来实现。具体来说，可以在echarts的事件响应函数中，通过获取鼠标点击的坐标位置和数据信息，来确定需要改变样式的点，然后再根据点的索引值，设置对应的itemStyle样式属性。

例如，在echarts的click事件中，可以通过以下代码实现改变点的样式：

myChart.on('click', function (params) {
var dataIndex = params.dataIndex; // 获取当前点击的点的索引值
option.series[0].data[dataIndex].itemStyle = { color: 'blue' }; // 设置对应点的itemStyle属性
myChart.setOption(option); // 重新设置echarts的配置选项
});

在上述代码中，我们首先获取了当前点击的点的索引值，并通过该索引值获取对应的数据项。然后，我们可以通过设置itemStyle属性来改变点的样式，例如设置点的颜色为蓝色。最后，需要再次设置echarts的配置选项，以实现改变点的样式的刷新。