Apache ECharts 5.6.0 特性介绍

在原始 GeoJSON 数据中定义区域样式

ECharts 地图使用 GeoJson 格式定义数据。理论上出于“数据、样式分离的原则”，GeoJson 只负责定义数据，样式应该在 ECharts 中定义。但有些情况下，样式本身也是数据的一种表达（例如：对于争议国界使用虚线表示，这时候“虚线”是一种样式，但是它实际上表达的是数据的概念，所以在 GeoJson 中定义样式是合理的）。

在 ECharts 5.6.0 中，我们支持在原始 GeoJson 数据中定义区域样式，通过指定 features[].properties.echartsStyle 来定义样式，和 data 一样，支持配置 itemStyle、label、tooltip 等属性。示例：

geoJSON.features[0].properties.echartsStyle = {
    itemStyle: {
        areaColor: 'green'
    }
}

geoJSON.features[1].properties.echartsStyle = {
    selected: true,
    label: {
        formatter: 'Default Selected:\n{b}'
    }
}

geoJSON.features[2].properties.echartsStyle = {
    itemStyle: {
        borderType: 'dotted',
        borderColor: 'blue'
    }
}

geoJSON.features[11].properties.echartsStyle = {
    itemStyle: {
        // This region will be overridden as `cyan` by the data item option
        areaColor: 'black'
    },
    tooltip: {
        formatter: function (params) {
            return 'This is a custom tooltip from GeoJSON: ' + params.name;
        }
    }
}