• 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中有几个对象图形中就展示几条数据。

  • 相关阅读:
    javaSE笔记-多态
    javaSE笔记-接口
    javaSE笔记-static关键字
    javaSE笔记-fianl关键字
    javaSE笔记-抽象类
    javaSE笔记-继承
    javaSE笔记-JKD、JRE、JVM各自的作用和关系
    搭建网络验证RIP协议
    计算机网络学习
    python itertools 模块讲解
  • 原文地址:https://www.cnblogs.com/yaoya/p/6955934.html
Copyright © 2020-2023  润新知