博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts简单使用
阅读量:6535 次
发布时间:2019-06-24

本文共 1193 字,大约阅读时间需要 3 分钟。

  hot3.png

最近在做一个项目,开始使用的是acharts,在电脑端访问的效果还真不错,但是放到手机端访问就惨了,尤其是iOS系统上,各种不兼容,后来准备换收费的hightcharsts,无意间发现有个免费的echarts,后来研究了一下,效果还可以,可是用使用。手机端访问也没问题。下面是一些简单的设置参数,仅供参考:在http://echarts.baidu.com/doc/example/pie1.html上可以直接执行。

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 }            ]        }    ]};

转载于:https://my.oschina.net/lnucel/blog/552992

你可能感兴趣的文章
百度编辑器ueditor 在vs2008中的使用方法
查看>>
sqlplus
查看>>
线段树模板
查看>>
编码格式导致批处理文件bat文件不能执行
查看>>
(转)Scala的“=>”符号简介
查看>>
AtCoder Regular Contest 090 D - People on a Line
查看>>
一枚前端UI组件库 KUI for Vue
查看>>
[转载]c/c++ 操作sqlite
查看>>
mencoder视频旋转
查看>>
js获取url参数
查看>>
DOM4J使用简介
查看>>
Oracle求日期的格式的用法
查看>>
可以使你成为更优秀程序员的5个好习惯
查看>>
TreeView 控件应用
查看>>
sql中更新数据库用到declare @a in
查看>>
问题003:JDK文件夹下的bin有什么作用?javac.exe和java.exe双击后为什么一闪而过,没了?...
查看>>
ACM北大暑期课培训第一天
查看>>
Scanner类中输入int数据,再输入String数据不正常的
查看>>
F. Multicolored Markers(数学思维)
查看>>
Python中cPickle
查看>>