How an echarts heat map highlights a point

problem description

example: http://www.echartsjs.com/gall.

how does the question: vue echarts heat map highlight a point after the page is loaded? Or click a button to highlight it
as shown below

the environmental background of the problems and what methods you have tried

after looking at the documentation and searching with Google, I still can"t find a solution

related codes

/ / Please paste the code text below (do not replace the code with pictures)

{
  name: "",
  type: "scatter",
  coordinateSystem: "geo",
  data: [
    { name: "", value: [121.15, 31.89, 9] },
    { name: "", value: [109.781327, 39.608266, 12] },
    { name: "", value: [120.38, 37.35, 12] },
    { name: "", value: [122.207216, 29.985295, 12] },
  ],
  symbolSize: 12,
},

what result do you expect? What is the error message actually seen?

highlight a point after loading


echartsInstance.dispatchAction({
    type: 'highlight',
    seriesName: '',
    name: ""
})

reference


I know to add a symbolSize:30

Menu