echarts入门-2直角系组件网格,坐标轴,grid axis
1.组件名词
- 选项
- option
- timeline
- title
- toolbox
- tooltip
- legend
- dataRange
- dataZoom
- roamController
- grid
- xAxis
- yAxis
- axis
- polar
- series(通用)
- series(直角系)
- series(饼图)
- series(雷达图)
- series(地图)
- series(热力图)
- series(力导向布局图)
- series(和弦图)
- series(仪表盘)
- series(漏斗图)
- series(事件河流图)
- series(矩形树图)
- series(树图)
- series(维恩图)
- series(字符云)
- data
- markPoint
- markLine
- itemStyle
- lineStyle
- areaStyle
- textStyle
- loadingOption
- noDataLoadingOption
- backgroundColor
- color
- symbolList
- renderAsImage
- calculable
- calculableColor
- calculableHolderColor
- nameConnector
- valueConnector
- animation
- addDataAnimation
- animationThreshold
- animationDuration
- animationDurationUpdate
- animationEasing
2 图表名词
3.grid 组件 直角坐标系内绘图网格
六要素:x;y;x2;y2;width;height;当定义了宽高忽视x y x2 y2
grid的所有参数:x,y,x2,y2,width,height,backgroundColor,borderWidth,borderColor
4
axis
xAxis
yAxis
坐标轴有三种类型,类目型、数值型和时间型,他们的区别在于:
- 类目型:需要指定data(类目列表),坐标轴内有且仅有这些指定类目坐标
- 数值型:需要指定数值区间,不指定时则自定计算数值范围,坐标轴内包含数值区间内容全部坐标
- 时间型:时间型坐标轴用法同数值型,只是目标处理和格式化显示时会自动转变为时间,并且随着时间跨度的不同自动切换需要显示的时间粒度
参数:{string} type,{boolean}show,{string}position,...data是类目型专属的属性