echarts热点图如何高亮某个点

Question

问题描述

示例: http://www.echartsjs.com/gall...

问题: vue echarts热点图如何在页面加载完成后高亮某个点? 或者点击某个按钮触发使其高亮
如下图

问题出现的环境背景及自己尝试过哪些方法

查看过文档和用谷歌搜索后依然未找到解决办法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

{
  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,
},

你期待的结果是什么？实际看到的错误信息又是什么？

加载完成后高亮某个点

Answer 1

我知道了 加一个 symbolSize:30

Answer 2

echartsInstance.dispatchAction({
    type: 'highlight',
    seriesName: '全部产品分布',
    name: "鄂尔多斯"
})

参考文档