最近在做一个项目,开始使用的是acharts,在电脑端访问的效果还真不错,但是放到手机端访问就惨了,尤其是iOS系统上,各种不兼容,后来准备换收费的hightcharsts,无意间发现有个免费的echarts,后来研究了一下,效果还可以,可是用使用。手机端访问也没问题。下面是一些简单的设置参数,仅供参考:在http://echarts.baidu.com/doc/example/pie1.html上可以直接执行。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
option = { //是否可拖动
calculable: false ,
//设置数据颜色
color: [ '#fc694b' , '#7179cb' , '#79c850' , '#14b8f6' , '#ffb65d' , '#ffd967' , '#78d9fe' , '#9a9792' , '#a6c96a' ],
series: [
{
name: '访问来源' ,
type: 'pie' ,
radius: '60%' , //半径
center: [ '50%' , '50%' ],
selectedMode: 'single' , //单选,突出
selectedOffset: 10, //选中扇区偏移量
//设置lable长度
itemStyle: {
normal: {
labelLine: {
length: 3
}
}
},
data: [
{ value: 335, name: '直接访问' , selected: true },
{ value: 310, name: '邮件营销' , selected: false },
{ value: 234, name: '联盟广告' , selected: false },
{ value: 135, name: '视频广告' , selected: false },
{ value: 1548, name: '搜索引擎' , selected: false }
]
}
]
}; |