function showData(ele,arr1,arr2){
var myChart2 = echarts.init(document.getElementById(ele));
var option2 = {
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient : 'vertical',
x : 'left',
data:[arr1[0],arr1[1],arr1[2],arr1[3],arr1[4]]
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {
show: true,
type: ['pie', 'funnel'],
option: {
funnel: {
x: '25%',
width: '50%',
funnelAlign: 'center',
max: 1548
}
}
},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
series : [
{
name:'访问来源',
type:'pie',
radius : ['50%', '70%'],
itemStyle : {
normal : {
label : {
show : false
},
labelLine : {
show : false
}
} },
data:[
{value:arr2[0], name:arr1[0]},
{value:arr2[1], name:arr1[1]},
{value:arr2[2], name:arr1[2]},
{value:arr2[3], name:arr1[3]},
{value:arr2[4], name:arr1[4]}
]
}
]
};
myChart2.setOption(option2)
}
var a = '直接访问';
var b = '邮件营销';
var c = '联盟广告';
var d = '视频广告';
var e = '搜索引擎';
var arr1 = [a, b, c, d, e];
var arr2 = [12, 23, 34, 45, 56];
showData("main2",arr1,arr2);

  只需要传入div的id和数据里面的对象数组

最新文章

  1. iOS - 跳到系统App内部设置
  2. java 数组中插入新的元素
  3. 【前端】js代码模拟用户键盘鼠标输入
  4. Atitit 视频编码与动画原理attilax总结
  5. C#与数据库访问技术总结(九)之实例
  6. Hibernate-二级缓存策略
  7. DICOM:DICOM标准学习路线图(初稿)
  8. 九 spring和mybatis整合
  9. 泛型IComparer&lt;T&gt;排序
  10. 2、onclickListener冲突
  11. JavaScript代码优化(下载时间和执行速度优化)
  12. cookie分析
  13. DOS 全集
  14. Apple-Watch开发
  15. Angular2 - Starter - Routes, Route Resolver
  16. Ios App上传步骤
  17. 算子:sample(false, 0.1)抽样数据
  18. java中static特殊性和final(static成员直接被访问,this不能用在static方法中,static不可访问非static)
  19. IDEA写scala简单操作
  20. yum与rpm常用命令

热门文章

  1. McAfee VirusScan Enterprise
  2. PetaPoco 笔记
  3. android 拨打电话小功能
  4. OC:属性的内部实现原理、dealloc内释放实例变量、便利构造器方法的实现原理、collection的内存管理
  5. Spring优势
  6. 无责任Windows Azure SDK .NET开发入门篇二[使用Azure AD 进行身份验证-2.2身份验证开发]
  7. 利用FlashPaper实现类似百度文库功能
  8. CMSIS-DAP调试器
  9. 查看sid
  10. ARM&amp;Linux 下驱动开发第三节