echarts安装使用 常用配置

安装及配置

  1. echarts官网 https://echarts.apache.org/zh/index.html

  2. 安装echarts
    echarts安装使用 常用配置

  3. 全局配置,在main.js中引入echarts模块并注册
    echarts安装使用 常用配置

使用

  1. 创建一个具有宽高的dom容器
    echarts安装使用 常用配置

  2. 初始化echarts实例
    echarts安装使用 常用配置

  3. 指定图表的配置项和数据
    echarts安装使用 常用配置
    具体的option配置见官方文档
    https://echarts.apache.org/zh/option.html#title

    官网图示:
    echarts安装使用 常用配置

  4. 显示图表
    echarts安装使用 常用配置
    常用图表类型:line(折线图)、bar(柱状图)、pie(饼图)、scatter(散点图)、graph(关系图)、tree(树图)