zoukankan      html  css  js  c++  java
  • Echarts插件

     ECharts是一个非常好用的插件,用于进行 树状图,折线图,饼图,地图等等,系列视图的绘制。(详情看官网)

      了解:

        AMD:模块化开发方式;  

        引入文件后:console.log(echarts)  //得到一个echarts的对象

        options:选项;

        图表介绍:

          柱状图(bar)

          折线图(line)

          饼图(pie)

          散点图(scatter)

          地图(map)

          气泡图(bubble)

      前提工作:

        1.引入插件

        2.设一个视图容器,为行内样式,

        3.设置一个id,以便进行dom获取

      插件的使用分为3个步骤;

      第一步:

        //初始化视图环境

        使用  var myecharts=echarts.init()  里面的参数就是,对dom元素的获取  

            那么 myecharts 就是他的实例对象

      第二步:

        //配置信息      变量名随便取

        var opaction={

          title:{    //title:图表的标题

          },

          legend:{    //legend 图例组件

          },

          xAxis:{    //x轴坐标

          },

          Yaxis:{    //y轴坐标

          },

          series:{    //系列列表

          },

          tooltip:{    //提示框组件

            formatter:    //这个属性,便可显示具体的值,百分比,名称,等

          }

        }

        详情看官网    https://www.echartsjs.com/index.html    

  • 相关阅读:
    [Algorithm] Universal Value Tree Problem
    [HTML5] Using the focus event to improve navigation accessibility (nextElementSibling)
    [Javascript] Coding interview problem: Scheduler functional way
    [Algorithm] Tree: Lowest Common Ancestor
    [NPM] Execute Code from a Remote GitHub Branch with npx
    hdu 4740
    通过网页实现软件的布局
    STL 统计vector容器中指定对象元素出现的次数:count()与count_if()算法
    善待自己生存的空间
    青春散场
  • 原文地址:https://www.cnblogs.com/liancai001/p/10904358.html
Copyright © 2011-2022 走看看