Echarts制作各省相关数据并根据特定值来进行颜色区分（含数据格式）

最新推荐文章于 2024-06-12 17:47:34 发布

bancheng8597

最新推荐文章于 2024-06-12 17:47:34 发布

阅读量725

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/TLSF/p/9408248.html

版权

以前做得中国地图展示各省相应指标数据，效果如图：

核心文件两个Echarts.js是肯定需要的，还有一个echarts.china.js，gittub上有，大家可以去下载。

内有相应的数据格式，根据大家的实际用途自己修改吧。

据图详解都已注释形式写在下面的代码里了，需要大家引入相关的文件哦。其实没什么难的，看看文档和配置手册就差不多可以上手了。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    html,body,.EchartsBox{
    
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0px;
      background-color: black
    }
  </style>
</head>
<body>
    <div class="EchartsBox" id="map"></div>
</body>
<script src="../echarts.js"></script>
<script src="./echarts.china.js"></script>
<script src="../../jquery.min.js"></script>
<script>
  $(function(){
    //数据
    var resultData=[{city: "山东", deal: 24583, count: 303, price: 54.22}, 
                {city: "福建", deal: 461, count: 45, price: 58.85},
                {city: "山东", deal: 24583, count: 303, price: 54.22},
                {city: "

最低0.47元/天解锁文章

bancheng8597

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Echarts制作各省相关数据并根据特定值来进行颜色区分（含数据格式）

以前做得中国地图展示各省相应指标数据，效果如图：核心文件两个Echarts.js是肯定需要的，还有一个echarts.china.js，gittub上有，大家可以去下载。内有相应的数据格式，根据大家的实际用途自己修改吧。据图详解都已注释形式写在下面的代码里了，需要大家引入相关的文件哦。其实没什么难的，看看文档和配置手册就差不多可以上手了。<!DOCTYPE ...
复制链接

扫一扫