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;
        }
    }
}