echarts-gl继承于echarts

echarts-gl官方实例https://echarts.baidu.com/examples/index.html#chart-type-globe

代码:

  <div id="main" style="width: 500px;height: 400px;margin: 0 auto;"></div>

js

 function getData() {
var pieChart = echarts.init(document.getElementById('main'));
var hours = ['90-100', '80-89', '70-79', '60-69', '<60'];
var days = ['', '', '', '', ''];
var best=$("#best").val()==undefined?0.0:$("#best").val();
var good=$("#good").val()==undefined?0.0:$("#good").val();
var midd=$("#medium").val()==undefined?0.0:$("#medium").val();
var pass=$("#pass").val()==undefined?0.0:$("#pass").val();
var fail=$("#fail").val()==undefined?0.0:$("#fail").val();
var bestRate=$("#bestRate").val()==undefined?0.0:$("#bestRate").val();
var goodRate=$("#goodRate").val()==undefined?0.0:$("#goodRate").val();
var middRate=$("#mediumRate").val()==undefined?0.0:$("#mediumRate").val();
var passRate=$("#passRate").val()==undefined?0.0:$("#passRate").val();
var failRate=$("#failRate").val()==undefined?0.0:$("#failRate").val();
var data = [[,,best],[,,good],[,,midd],[,,pass],[,,fail],
[,,bestRate],[,,goodRate],[,,middRate],[,,passRate],[,,failRate]];
var colorList=new Array();
var option = {
tooltip: { }, xAxis3D: {
type: 'category',
data: hours,
name:'分数区间'
},
yAxis3D: {
type: 'category',
data: days,
},
zAxis3D: {
type: 'value',
name:'数据'
},
grid3D: {
boxWidth: ,
boxDepth: ,
viewControl: {
// projection: 'orthographic'
},
light: {
main: {
intensity: 1.2,
shadow: true
},
ambient: {
intensity: 0.3
}
}
},
animation: false,
series: [{
name:"人数",
type: 'bar3D',
data: data.map(function (item) {
return {
value: [item[], item[], item[]],
}
}),
shading: 'lambert',
label: {
textStyle: {
fontSize: ,
borderWidth:
}
},
itemStyle:{
normal: {
// 定制显示(按顺序)
color: function(params) {
var arr = params.data.value;
if(arr[]==){
colorList.push('#C33531');
}else{
colorList.push('#4A235A');
}
return colorList[params.dataIndex]
}
},
}
}]
}
pieChart.setOption(option);
}

最新文章

  1. Maven安装最佳实践(Windows平台)
  2. linux 终端全局代理设置
  3. 新浪微博授权失败:applications over the unaudited use restrictions
  4. Sqoop实现关系型数据库到hive的数据传输
  5. 滑雪(dp好题)
  6. VS2015中DataGridView的DataGridViewComBoboxCell列值无效及数据绑定错误的解决方法
  7. NSThread的一些细节
  8. jquery 提交数据
  9. ( ̄y▽ ̄)~ 智能手机II
  10. 通讯录--(适配iOS7/8/9)
  11. Zepto源码分析-架构
  12. shapes 不规则边界
  13. hexo 博客支持PWA和压缩博文
  14. PS 滤镜——素描算法(二)
  15. 学习iOS最权威的网站
  16. [Atcoder SoundHound Contest 2018]E.+ Graph
  17. laravel中的Auth认证:
  18. win10与centos7的双系统U盘安装(一:制作u盘启动盘)
  19. navicat连接oracle方法及其安装包
  20. 关于form表单提交到Servlet的时候出现tomcat启动错误的解决方法

热门文章

  1. 3D模型
  2. [Nescaf&#233; 20] 玉蟾宫
  3. 【BZOJ4872】分手是祝愿(期望DP)
  4. 【SGU194&amp;ZOJ2314】Reactor Cooling(有上下界的网络流)
  5. Linux下汇编语言学习笔记60 ---
  6. QT-Embedded-4.5.3在海思35xx上移植
  7. Spring Cloud(5):Hystrix的使用
  8. SqlServer函数获取指定日期后的第某个工作日
  9. C#中使用 Oracle的事务与存储过程
  10. Centos6.4安装Zimbra初步教程