function showTablegroup(page)
{ var series;
$.ajax({
type:'post',
url:"<%=basePath%>flowAction!RateOnTimeEchartsGroup",
dataType:'json',
async:'true',
data:{
'firstDate': $("#firstDate2").val(),
'secondDate': $("#secondDate2").val(),
'a': page
},
success:function(data){ var a=data[0].mapa; var series=[];
for(var json in a){
var s1={
name:a[json].name,type:'bar',
data:a[json].val,
barWidth : 30,//柱图宽度
itemStyle: {
normal: {
label: {
show: true,//是否展示
formatter: function(data){
var a=data.data;
if(a>=1){
c=a+"%";
return c;
}else{
return "";
}
},
position: 'top',
textStyle: {
fontWeight:'bolder',
fontSize : '12',
fontFamily : '微软雅黑',
}
}
} } } series.push(s1);
} var change=function(arr){//当数据是0.00时,设置成空,则echarts不显示
var b="";
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].data.length; j++) {
if(arr[i].data[j]==='0' || arr[i].data[j]==='0.0000'){
arr[i].data[j]="";
}else{ b=arr[i].data[j]*100+"";
arr[i].data[j]=b.substring(0,5);
}
}
}
return arr;
};
var myChart = echarts.init(document.getElementById('main2'));
var option = {
tooltip : {
trigger: 'axis'
},
legend: {
orient: 'horizontal', //
x: 'left', // 'center' | 'left' | {number},
y: 'top', // 'center' | | {number}
data:data[0].team,
},
toolbox: {
show : true,
show : true,
orient: 'vertical', // 布局方式
y: 'center', // 垂直安放位置,默认为全图顶端,可选为:
feature : {
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
grid: {
y2: 140
},
xAxis : [
{
type : 'category',
data : data[0].data,
axisLabel:{
interval:0,//横轴信息全部显示
rotate:-30,//-30度角倾斜显示
}
}
],
yAxis : [
{
type : 'value'
}
],
series :change(series)
}; // 使用刚指定的配置项和数据显示图表。
myChart.setOption(option); } }) }

最新文章

  1. ORA-12154:TNS:无法解析指定的连接标识符
  2. 缺少.lib文件导致的Link2019 解决方案汇总
  3. Posix消息队列
  4. windows平台快速安装 matplotlib
  5. 使用Powermock进行单元测试,以及常见问题的处理
  6. MySQL在线备份与恢复工具 --&gt; Xtrabackup
  7. Which are in?
  8. Leaving Auction
  9. linux 添加定时任务脚本
  10. Spring自动扫描
  11. Servlet做简单的ajax增删改查(分页)
  12. 学习makefile的一个工程示例
  13. 敏捷方法之极限编程(XP)和 Scrum
  14. 【Java】itext根据模板生成pdf(包括图片和表格)
  15. 【LOJ6074】【2017 山东一轮集训 Day6】子序列 DP
  16. spring boot Tomcat文件上传找不到零时文件夹
  17. Django框架(十) Django之模型进阶
  18. Android 将系统的back键模拟成为home键的功能
  19. 【转】【Linux】linux下xargs命令
  20. 利用dotnet restore 导入本地 .nupkg 包

热门文章

  1. Paypal 支付功能的 C# .NET / JS 实现
  2. ado.net的简单数据库操作(一)
  3. 使用Common.Logging+log4net规范日志管理【转载】
  4. WPF 中 DispatcherTimer 计时器
  5. Redis面试点
  6. MySQL主从复制配置指导及PHP读写分离源码分析
  7. vue2.x 下载后台传过来的流文件(excel)后乱码问题
  8. 在Dynamics 365中使用SURVEYJS代替对话(Dialog)制作话术
  9. 0.react学习笔记-环境搭建与脚手架
  10. LayoutInflater.inflate()方法两个参数和三个参数