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

在 Echarts 中，可以使用 `Symbol` 自定义图标。具体来说，在地图中，可以通过设置 `Symbol` 来代替默认的地图标记，实现自定义的效果。同时，也可以通过设置 `Symbol` 的颜色来改变其外观。

下面是一个示例代码：

option = {
    series: [{
        type: 'map',
        map: 'china',
        symbol: 'image://url/to/image.png', // 设置自定义图标
        symbolSize: [20, 30], // 设置图标大小
        label: {
            show: true
        },
        itemStyle: {
            normal: {
                color: '#fff' // 设置图标颜色
            }
        },
        data: [
            {name: '北京', value: 100},
            {name: '上海', value: 200},
            {name: '广州', value: 300},
            {name: '深圳', value: 400},
            {name: '杭州', value: 500}
        ]
    }]
};

在上述代码中，`symbol` 属性指定了自定义图标的 URL，`symbolSize` 属性指定了图标的大小，`itemStyle.normal.color` 属性指定了图标的颜色。

需要注意的是，Echarts 中的地图使用的是 SVG 图形，因此自定义的图标也需要使用 SVG 格式。如果是其他格式的图像，需要先将其转换成 SVG 格式才能使用。