Echarts报表插件，从数据库获取数据，json传值，在页面进行展示

LiMing_0820

于 2017-03-22 09:30:04 发布

阅读量896

点赞数

本文链接：https://blog.csdn.net/LiMing_0820/article/details/64904797

版权

该博客展示了如何使用Echarts在网页上展示地图报表，数据来源于后端数据库。通过Ajax从Java后台获取JSON格式的TreeMap数据，将省市名称与访问数量映射，然后在前端利用Echarts的map图表进行渲染，实现动态数据展示。

摘要由CSDN通过智能技术生成

<html>代码：

[html]view plaincopy 
    
 <span style="font-size:18px;"><!DOCTYPE html>  
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
 <title>各省市访问数量分布</title>  
 <script type="text/javascript" src="${basePath}/js/jquery-1.11.1.min.js"></script>  
 <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>  
 </head>  
 <body>  
 <div id="main" style="height:400px;width:900px"></div>  
 <script type="text/javascript">  
 var datas;  
 $(function(){  
       
       
       
     // 路径配置  
         require.config({  
             paths: {  
                 echarts: 'http://echarts.baidu.com/build/dist'  
             }  
         });  
           
         // 使用  