最近在做一个项目,开始使用的是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 } ] } ] }; |