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

  • 相关阅读:
    如何启用EMGrid/Cloud Control的HTTP而非HTTPS协议登陆
    Oracle Enterprise Manager 12c 新特性:实时RealTime Addm
    php 面向对象三大特征
    C++ 运算符重载
    C++面向对象_复制构造函数+构造函数+析构函数+static+友元
    位运算符和位运算
    SqlHelper.class.php
    C++ 流
    C++ 虚函数与多态
    C++ 继承与派生
  • 原文地址:https://www.cnblogs.com/yaoya/p/6955934.html
Copyright © 2020-2023  润新知