echarts 地图自定义图标_echarts 地图自定义图标Symbol 及其颜色

Echarts 地图自定义图标可以通过 Symbol 标记来实现，Symbol 提供了一系列预定义的图形，包括圆形、矩形、三角形、菱形、五角星等等，也可以通过自定义路径来创建符号。在地图中，可以通过设置 series 中的 symbol 属性来指定使用哪种符号，同时也可以通过设置 symbolSize 属性来调整符号的大小。

在设置符号的颜色时，可以使用 itemStyle.normal.color 来设置符号的默认颜色，也可以使用 visualMap 组件来根据数据值动态调整符号的颜色。另外，Echarts 还提供了一些图形渐变的效果，可以通过设置 itemStyle.normal.color 为一个数组来实现。

以下是一个示例代码，展示了如何在 Echarts 中使用 Symbol 来自定义地图图标：

option = {
  series: [{
    type: 'map',
    map: 'china',
    symbol: 'circle', // 使用圆形符号
    symbolSize: 10, // 符号大小
    itemStyle: {
      normal: {
        color: '#ff6600' // 符号颜色
      }
    },
    data: [{
      name: '北京',
      value: 100
    }, {
      name: '上海',
      value: 200
    }]
  }]
};

在这个示例中，我们使用了圆形符号，并将符号大小设置为 10。同时，通过设置 itemStyle.normal.color 来指定符号的颜色为橙色。数据中的北京和上海两个城市会显示对应的符号，并且颜色都为橙色。