E-Chart图

1,515 阅读1分钟

一、tooltip:鼠标移动到图上展示的文字

  1.     属性trigger(String类型)为"item"时,为单个的一条,为“axis”时,为所有的数据,为“formatter”时,为自定义



二、color:颜色(数组)



三、legend:说明栏

  1.     属性x、y(String类型)可以用来控制摆放的位置,x(right,left),y(top,bottom)


四、xAxis:横坐标

  1. 属性data(数组)为横坐标值
  2. 属性axisLabel下的interval用来控制横坐标是否显示完整



五、yAxis:纵坐标



六、series:值


  1. 属性barGap(String类型):柱状图之间的距离
  2. 属性barWidth(String类型):柱状图柱子的宽度
  3. 属性type(String类型):图的类型(line--折线图,bar--柱状图,pie--饼图)
  4. 属性stack(String类型):所有数据的stack值都一样时,为折叠图;不一样时,为一个单位多个柱子
  5. 属性radius(数组):饼状图的大小
  6. 属性center(数组):饼状图的位置
  7. 属性label下:
       7.1. normal下的show(Boolean类型)为true时,展示饼图中心的文字,为false时不展示

       7.2. normal下position(String类型),为文字展示的位置,一般为“center”




七、graphic:

  1. 属性type(String类型):内容的类型
  2. 属性left、right(String类型):内容的位置(水平方向)
  3. 属性top、bottom(String类型):内容的位置(垂直方向)
  4. 属性style:内容的样式
        4.1. 属性text:内容

        4.2. 属性textAlign:文字方向


八、给e-chart图添加点击事件:onEvents