zoukankan      html  css  js  c++  java
  • echarts 改变个别省份的边界线颜色

    想要实现地图,首先要引入china.js文件,如果有引入就直接调过本步骤去下方看代码,没有引入可以点击下方链接自行Ctrl c + Ctrl v
    china.js

    import "../../plugins/china.js";
    import echarts from 'echarts';
    

    引入之后只需要在代码中地图的配置项中添加你需要改变颜色的省份名字即可,名字需要和china.js保持一致

    let option = {
          geo: {
              map: "china",
              label: {
                emphasis: {
                  show: true,
                  color: "#fff",
                },
                roam: true,
                zoom: this.zoom,
              },
              regions: [ //这个地方是关键,通过设置regions,可以实现不同的省份边界线配置不同的颜色,
                      {
                       name: '江苏', //这个名字要和china.js保持一致
                        itemStyle: {
                            normal: {
                                borderColor: "#fff", 
                                borderWidth: 5, 
                            },
                        },
                     },
                       {
                       name: '上海', 
                        itemStyle: {
                            normal: {
                                borderColor: "red", 
                                borderWidth: 5, 
                            },
                        },
                     }
               
                ],
            }  
    }
    
    
  • 相关阅读:
    球自由降落问题
    三次握手、四次挥手
    basicjava
    socket编程
    scanner和BufferedReader
    parseInt和valueOf
    正则表达式
    ASCII码常用值
    最大公约和最小公倍数
    查询语句
  • 原文地址:https://www.cnblogs.com/changx/p/13600652.html
Copyright © 2011-2022 走看看