[关闭]
@2890594972 2017-12-24T16:54:13.000000Z 字数 533 阅读 1078

echart组件

echart


EC组件详解

直角系组件,网络,坐标轴,grid,axis(category,value,time)
EC < 组件 > 详解:直角系组件,网格,坐标轴,grid,axis

image_1c23v2sjg17a0sjq1dtf1plfsh89.png-625.9kB

grid

一共有6个参数x,y x1,y1 width,height
当设置了width,height,将忽略第一个x,y
image_1c23vemcgiim1b161dpkph1o83m.png-83.6kB

//留白
xAxis:
boundaryGap:false
yAxis:
boundaryGap:[0,0.01]

想取消边框:两种方法borderWidth设置0,或者borderColor设置透明色

axis组件

比grid复杂多了
无论横轴还是纵轴,都存在三种类型:类目型、数值型和时间型

 name,nameLocation,nameTextStyle

数值型和时间型特有

data 类目型独有的

作为视觉引导

axisLine,axisTick,axisLabel,spitLine,spitArea

axisLabel

常用技巧:rotate, margin

format有两种:string, fn

传入的是data数据

boundaryGap端空白策略
boundaryGap: true
image_1c245601o1fo416pp1groflh1ki339.png-34.2kB

boundaryGap: false
image_1c2456kod34c1bsr83q1hp967r3m.png-13.5kB

scale策略:scale: false
image_1c245446l15ehl910umalelbn2f.png-33.1kB

scale策略:scale: true
image_1c2455a3q1bre1irrg8t83h1q3n2s.png-41.7kB

image_1c2453r1g192pau414re1ftr1sqm22.png-30.8kB

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注