echarts学习备忘

1.

xAxis{}     //  x轴相关参数设置

yAxis: {}  //  y轴相关参数设置

series: [] //系列,,,图片中主要数据及类型,一个或多个   可渲染多个表如, 柱状图和折线图

如 

 

2. 柱状图:&& 折线图   这两图一般放在坐标系内,所以需要xy轴

xAxis: {   data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]    }  //需要设置 x轴数据

yAxis: {},  //一般可以不设置数据范围

series: [{

  name: '销量',

  type: 'bar',// 或是 'line' 折线图

  data: [5, 20, 36, 10, 10, 20],

}]

3.饼图可直接给数据

series: [{

    name: '销量',

     type: 'pie',

     data: [

          {name: 'A', value: 1212},

          {name: 'B', value: 2323},

          {name: 'C', value: 1919}

    ]

}]

4.各组件对应区域

 legend代表图例

toolbox 为工具箱组件  图中  右上角

visualMap 为视觉映射