echarts简单使用
2015-12-29 00:00
423 查看
摘要: 手机端web页面图形控件由acharts换echarts的过程
最近在做一个项目,开始使用的是acharts,在电脑端访问的效果还真不错,但是放到手机端访问就惨了,尤其是iOS系统上,各种不兼容,后来准备换收费的hightcharsts,无意间发现有个免费的echarts,后来研究了一下,效果还可以,可是用使用。手机端访问也没问题。下面是一些简单的设置参数,仅供参考:在http://echarts.baidu.com/doc/example/pie1.html上可以直接执行。
最近在做一个项目,开始使用的是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 } ] } ] };
相关文章推荐
- echarts图表导出excel示例
- Canvas和SVG的区别
- ECharts初使用,从后台得到数据源
- Convert shp to geoJSON,for ECharts.
- 基于ECharts报表开发
- Spring 组合Echart.js
- echarts 文字标签云图实现方法
- echarts 兼容IE8问题 与实际开发范例
- Echarts小感
- 带时间轴的线型报表的配置说明和多维度的说明:
- 心路历程-初尝echarts
- ECharts Java 动态加载数据,echartsjava
- 如何让echarts在extjs5中自适应大小
- extjs5中使用echart让图表更丰富
- Echarts折线图不同X轴的对比功能,不同段不同颜色显示
- ECharts柱状图/折线图点击图例无法增添/删除折线的问题解决
- echarts实例,前后台数据调用
- echarts学习笔记(1) ---- 使用模块化单文件引入
- echarts学习笔记(3) -- 为图表添加主题
- echarts学习笔记(4) ---- 如何使用 formatter 和 grid 这两把利器