echarts加了时间轴后,饼图不显示了

努力成为大牛ing 发布于 2015/02/06 16:14
阅读 797
收藏 0

代码如下

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">   
 <style type="text/css">
.main {
height: 100%;
width: 50%;
text-align:center;
float:right;
margin-left: auto;
margin-right: auto;
}
</style>   
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <script type="text/javascript" src="js/hczd-sys.js"></script>
  <script src="echarts/esl.js"></script>
<script src="echarts/echarts.js"></script>
<script type="text/javascript">
//using
require(
[ 'echarts',
'echarts/theme/macarons',
'echarts/chart/pie', 
'echarts/chart/bar','echarts/chart/line',
'echarts/chart/funnel' 
], 
DrawCharts
);

function DrawCharts(ec){
draw_pie(ec);
get_time(ec);
}

/* function get_time(ec){
$.ajax({
type:'post',
url:'hczd-sys/userLog/getTime.htm',
success:function(result){
if(result){
alert(result);
}
},
error:function(data){
alert('请求失败');
}
});
} */

function draw_pie(ec,theme) {
var ecConfig = require('echarts/config');
var myChart = ec.init(document.getElementById("main"));
function eConsole(param) {
var series=option.series[0];
           var data=series.data[param.dataIndex].name;
            var params = "project_name="+'${project_name}'+
"&module="+'${module}'+  
"&data="+data;
// "&beginTime="+'${beginTime}'+  
// "&endTime="+'${endTime}'; 
if('${module}'){
alert('亲,里面没有数据,不能点击啦!');
}else{
$("#dg").html("<iframe src='hczd-sys/userLog/module_page_view.htm?"+params+ "' height='100%' style='width: 100%'></iframe>");

}

}
myChart.on(ecConfig.EVENT.CLICK, eConsole);
var option = {
timeline:{
data:[ '2015-01-01', '2015-02-01', '2015-03-01', '2015-04-01', '2015-05-01',
           { name:'2015-06-01', symbol:'emptyStar6', symbolSize:8 },
            '2015-07-01', '2015-08-01', '2015-09-01', '2015-10-01', '2015-11-01',
             { name:'2015-12-01', symbol:'star6', symbolSize:8 }
        ],
label : {
            formatter : function(s) {
                return s.slice(0, 7);
            }
        }
},
title : {
       text: '${module ==''?project_name:module}访问量统计',
       subtext: '统计',
       x:'center'
   },
   tooltip : {
       trigger: 'item',
       formatter: "{a} <br/>{b} : {c} ({d}%)"
   },
   legend: {
       orient : 'vertical',
       x : 'left',
       data:[
        <c:forEach items="${module_list}" var="md" varStatus="s">
        <c:if test="${module != null && module !=''}">
'${md.url}'${s.count==module_list.size()?'':','}
</c:if>
<c:if test="${module == null || module == ''}">
'${md.module}'${s.count==module_list.size()?'':','}
</c:if>
            </c:forEach>  
       ]
   },
   toolbox: {
       show : true,
       feature : {
           mark : {show: true},
           dataView : {show: true, readOnly: false,lang: ['数据视图', '关闭', '刷新']},
         /*   magicType : {
show : true,
type : ['bar', 'funnel'],
option:{
funnel:{
x: '25%',
                              width: '50%',
                                funnelAlign: 'left',
                                max: 1700
}
}
}, */
           restore : {show: true},
           saveAsImage : {show: true}
       }
   },
   calculable : true,
   series : [
       {
           name:'浏览类型',
           type:'pie',
           radius : '50%',
          center: ['50%', '50%'],
           data:[
<c:forEach items="${module_list}" var="md" varStatus="s">
<c:if test="${module != null && module !=''}">
{value:'${md.url_count}',name:'${md.url}'}${s.count==module_list.size()?'':','}
            </c:if>
            <c:if test="${module == null || module ==''}">
            {value:'${md.module_count}',name:'${md.module}'}${s.count==module_list.size()?'':','}
            </c:if>
            </c:forEach>  
           ]
       }
  ]
};
//loading data
myChart.setOption(option);
myChart.restore();
};
</script>
  </head> 
  <body>
<div id="main" class="main" align="right"></div>
<div id="dg" class="main" align="left">
<iframe src='hczd-sys/userLog/module_page_view.htm?project_name=${project_name}&module=${module}' height='100%' style='width: 100%'></iframe>
</div>
<div id="other" class="main"></div>

  </body>
</html>

加载中
返回顶部
顶部