Apache ECharts 5.6.0 特性

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

ECharts 地图使用 GeoJSON 格式定义数据。理论上，遵循“数据和样式分离”的原则，GeoJSON 只应定义数据，而样式应在 ECharts 中定义。然而，在某些情况下，样式本身是一种数据表达形式（例如：使用虚线表示有争议的边界 - 这里的“虚线”是一种样式，但实际上表达的是一个数据概念，因此在 GeoJSON 中定义样式是合理的）。

在 ECharts 5.6.0 中，我们支持通过指定 features[].properties.echartsStyle 在原始 GeoJSON 数据中定义区域样式。这与 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;
        }
    }
}