How to highlight line and all point in echarts

Question

I am using echarts with Vuejs. Behavior of chart is hover line. Line will be highlight and all point will be show like this. default when mouse hover

I try to use option emphasis of series of type line. But it make only highlight line. not work for item style. like this I want to default the all point not show. and all point will be show when emphasis active. But document of echarts not mention of this issue. Here is my config:

        itemStyle: {
          color: '#fff',
          borderColor: color,
          borderWidth: 3,
          opacity: 0,
        },
        lineStyle: {
          width: 2,
          color,
        },
        emphasis: {
          focus: 'series',
          lineStyle: {
            width: 3,
          },
          itemStyle: {
            shadowBlur: 9,
            shadowColor: color,
            opacity: 1,
          },
        },

With any idea, please give me advice. Thanks so much

question from:https://stackoverflow.com/questions/65866993/how-to-highlight-line-and-all-point-in-echarts

Answer 1

Waitting for answers