• echarts3.0


      因为要更新手机报表,而原来用的echarts插件版本太低,样式不美观,所以最近在echarts官网学习最新的echarts版本,现在先只对最常见的折线图,柱状图,饼图进行总结。

      大概写法都是一样的,首先要创建一个装图标的容器,且该容器一定要有宽高,否则图形不会显示出来。然后进行图形初始化。

      现在对对象里面的属性用我所理解的话来进行解析。首先是title,即标题。tooltip,即鼠标悬浮交互时的信息提示。grid,可以调整图形在容器中的位置和大小,这个在饼图中没有作用,饼图的大小是series中的radius来改变。legend,在图形中的标记,可显示可不显示,legend中的data中的值要与series中的name一一对应。toolBox,工具箱,里面有还原、保存为图片、数据格式转换等操作。series中的数据data在折线图和柱状图中的格式是不一样的,折线图中的data就是一个数组,而柱状图是这样:

      data:[
        {value:335, name:'直接访问'},
        {value:310, name:'邮件营销'},
        {value:274, name:'联盟广告'},
        {value:235, name:'视频广告'},
             {value:400, name:'搜索引擎'}
      ]  

      series中有几个对象图形中就展示几条数据。

  • 相关阅读:
    Jsoup系列学习(1)-发送get或post请求
    使用httpclient发送get或post请求
    charles 抓取eclipse中的请求
    springmvc学习资料整理
    springmvc和struts2的区别
    Linux常用命令
    Sql Server 2008R2 数据库发布与订阅
    jquery 父、子页面之间页面元素的获取,方法的调用
    封装ajax
    Maven 的安装配置
  • 原文地址:https://www.cnblogs.com/yaoya/p/6955934.html
Copyright © 2020-2023  润新知