使用百度的Echarts插件做报表:
下载地址:百度Echats下载
文档地址:文档地址
效果:
<html>代码:
<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'
}
});
// 使用
require(
[
'echarts',
'echarts/chart/map' // 使用柱状图就加载bar模块,按需加载
],
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart = ec.init(document.getElementById('main'));
myChart.showLoading({
text: '正在努力的读取数据中...', //loading话术
});
$.ajax({
type:"post",
url:"listArea",
async:false,
success:function(dataJson){
datas=dataJson;
//alert(datas["北京市"]);
}
});
myC