小小的封装了一个pie的echarts
2024-10-19 04:29:33
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和数据里面的对象数组
最新文章
- iOS - 跳到系统App内部设置
- java 数组中插入新的元素
- 【前端】js代码模拟用户键盘鼠标输入
- Atitit 视频编码与动画原理attilax总结
- C#与数据库访问技术总结(九)之实例
- Hibernate-二级缓存策略
- DICOM:DICOM标准学习路线图(初稿)
- 九 spring和mybatis整合
- 泛型IComparer<;T>;排序
- 2、onclickListener冲突
- JavaScript代码优化(下载时间和执行速度优化)
- cookie分析
- DOS 全集
- Apple-Watch开发
- Angular2 - Starter - Routes, Route Resolver
- Ios App上传步骤
- 算子:sample(false, 0.1)抽样数据
- java中static特殊性和final(static成员直接被访问,this不能用在static方法中,static不可访问非static)
- IDEA写scala简单操作
- yum与rpm常用命令