JS数据根据键值匹配Echarts颜色的解决方案

简介: JS数据根据键值匹配Echarts颜色的解决方案
 // 排行颜色
    var colorListMapping = {
        '广东': '#7711AF',
        '山东': '#CF77FF',
        '浙江': '#AE004F',
        '上海': '#F35872',
        '北京': '#FA7729',
        '江苏': '#FFC526',
        '安徽': '#F8E71C',
        '四川': '#34ADAE',
        '湖北': '#3DDFD2',
        '河北': '#A0FFFF',
        '湖南': '#7711AF',
        '福建': '#CF77FF',
        '河南': '#7711AF',
        '广西': '#CF77FF',
        '陕西': '#AE004F',
        '云南': '#F35872',
        '江西': '#FA7729',
        '天津': '#FFC526',
        '重庆': '#F8E71C',
        '山西': '#34ADAE',
        '辽宁': '#3DDFD2',
        '贵州': '#A0FFFF',
        '甘肃': '#7711AF',
        '内蒙古': '#CF77FF',
        '海南': '#7711AF',
        '黑龙江': '#CF77FF',
        '吉林': '#AE004F',
        '宁夏': '#F35872',
        '新疆': '#FA7729',
        '青海': '#FFC526'
    };
    var colorListS1 = [];
    var colors = []
    for (var key in colorListMapping) {
        colors.push(colorListMapping[key])
    }
    for (var i = 0; i < rankData.length; i++) {
        var colorListF1 = {};
        for (var n = 0; n < rankData[i].data.length; n++) {
            var name = rankData[i].data[n].name;
            colorListF1[name] = colors[n];
        }
        colorListS1[i] = colorListF1;
    }
相关文章
|
5天前
|
JSON JavaScript 定位技术
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
31 0
|
5天前
|
JavaScript 前端开发
JS浮点数精度问题及高精度小数运算:BigNumber解决方案
JS浮点数精度问题及高精度小数运算:BigNumber解决方案
31 0
|
5天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
59 1
|
10天前
|
前端开发 JavaScript
JS-数据筛选
JS-数据筛选
25 7
|
8天前
|
前端开发 JavaScript 开发者
JS 异步解决方案的发展历程以及优缺点
本文介绍了JS异步解决方案的发展历程,从回调函数到Promise,再到Async/Await,每种方案的优缺点及应用场景,帮助开发者更好地理解和选择合适的异步处理方式。
|
8天前
|
JavaScript API
Echarts中单独为每个legend图例设置样式-根据数据正负显示不同样式
通过上述方法,我们便能够在ECharts中根据数据的正负为每个图例项设置不同的样式,增强了图表的可读性和表现力。这种方法虽然略显间接,但不失为一种灵活的解决方案。
16 2
|
10天前
|
JavaScript 数据安全/隐私保护
2024了,你会使用原生js批量获取表单数据吗
2024了,你会使用原生js批量获取表单数据吗
34 4
|
5天前
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
100 0
|
5天前
|
JSON JavaScript 定位技术
Vue结合ECharts绘制省市地图:数据驱动区域颜色展示,支持省市下钻与经纬度打点功能
Vue结合ECharts绘制省市地图:数据驱动区域颜色展示,支持省市下钻与经纬度打点功能
15 0
|
15天前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
17 0