当前位置: 首页 > news >正文

echarts简单使用

为什么80%的码农都做不了架构师?>>>   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

相关文章:

  • .NET项目中存在多个web.config文件时的加载顺序
  • Linux工具性能调优系列三:swap问题定位
  • Ubuntu 12.04 root账户开启及密码重设
  • ipv6最长前缀匹配算法
  • oracle 11.2.0.1 rman异机恢复 11.2.0.3(windows X64)
  • Linux查询网址
  • GCP为Kubernetes引擎提供支持原生容器的负载均衡器
  • input文本框实现宽度自适应代码实例
  • 牛课练习赛34 Flittle w and Discretization 主席树维护Mex
  • 阿里云购买磁盘后挂载
  • Struts2原理
  • 雷军带领小米老员工公园步行 称这些人是小米最宝贵财富
  • 建密钥免密码登录openwrt路由器
  • Python线程学习
  • linux用户态定时器的使用---19
  • “大数据应用场景”之隔壁老王(连载四)
  • 【Under-the-hood-ReactJS-Part0】React源码解读
  • 【腾讯Bugly干货分享】从0到1打造直播 App
  • JavaScript的使用你知道几种?(上)
  • Kibana配置logstash,报表一体化
  • pdf文件如何在线转换为jpg图片
  • Perseus-BERT——业内性能极致优化的BERT训练方案
  • Spring-boot 启动时碰到的错误
  • Synchronized 关键字使用、底层原理、JDK1.6 之后的底层优化以及 和ReenTrantLock 的对比...
  • Vue2.x学习三:事件处理生命周期钩子
  • vue中实现单选
  • 后端_ThinkPHP5
  • 排序算法之--选择排序
  • 前言-如何学习区块链
  • 算法-插入排序
  • 优化 Vue 项目编译文件大小
  • 再谈express与koa的对比
  • 中文输入法与React文本输入框的问题与解决方案
  • 自动记录MySQL慢查询快照脚本
  • Nginx实现动静分离
  • #宝哥教你#查看jquery绑定的事件函数
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (3)(3.5) 遥测无线电区域条例
  • (pojstep1.1.2)2654(直叙式模拟)
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (考研湖科大教书匠计算机网络)第一章概述-第五节1:计算机网络体系结构之分层思想和举例
  • (全注解开发)学习Spring-MVC的第三天
  • (转)JAVA中的堆栈
  • (转)JVM内存分配 -Xms128m -Xmx512m -XX:PermSize=128m -XX:MaxPermSize=512m
  • (转)linux下的时间函数使用
  • ./configure,make,make install的作用(转)
  • .gitattributes 文件
  • .jks文件(JAVA KeyStore)
  • .Net IE10 _doPostBack 未定义
  • .NET 药厂业务系统 CPU爆高分析
  • .net用HTML开发怎么调试,如何使用ASP.NET MVC在调试中查看控制器生成的html?
  • .pop ----remove 删除
  • .vimrc php,修改home目录下的.vimrc文件,vim配置php高亮显示
  • [20150629]简单的加密连接.txt
  • [2016.7.test1] T2 偷天换日 [codevs 1163 访问艺术馆(类似)]