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    

posted @ 2019-05-22 10:28  花嫁赫萝  阅读(294)  评论(0编辑  收藏  举报