ecahrts 散点图根据数据不同在地图上显示不同的颜色

根据需求 要根据接口返回数据的不同 在地图上行显示不同的圆柱以及波浪

本来是想在color中使用回调 根据数据返回不同的颜色 但是在color属性中 使用回调函数发现不起作用 而且没有进入回调函数中 查询文档发现

在type为lines scatter efferctScatter类型的series中的data属性

以type='lines'为例 data属性中有个lineStyle的属性 可以根据单个数据设置样式

return data.map(item => {
    return {
        name: item.name,
        value: item.value,
        coords: [
            geoCoordMap[item.name],
            [geoCoordMap[item.name][0], geoCoordMap[item.name][1] + (item.value ? 0.15 : 0)],
        ],
        lineStyle: {
            color: item.abnormalData && item.abnormalData > 0 ? abnormalColor.lineColor : normalColor.lineColor
        },
    };

猜你喜欢

转载自blog.csdn.net/workhard0905/article/details/123318435
今日推荐