zoukankan      html  css  js  c++  java
  • 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中有几个对象图形中就展示几条数据。

  • 相关阅读:
    78. Subsets
    93. Restore IP Addresses
    71. Simplify Path
    82. Remove Duplicates from Sorted List II
    95. Unique Binary Search Trees II
    96. Unique Binary Search Trees
    312. Burst Balloons
    程序员社交平台
    APP Store开发指南
    iOS框架搭建(MVC,自定义TabBar)--微博搭建为例
  • 原文地址:https://www.cnblogs.com/yaoya/p/6955934.html
Copyright © 2011-2022 走看看