柱状图,折线图,散点图都是直角坐标系的图表

配置1:网格grid

grid就是用控制直角坐标系的布局和大小的
x轴和y轴就是在grid的基础上进行绘制的

显示grid

通过属性show
image.png
image.png

配置2:坐标系axis

坐标轴x和y
一个grid中最多有两种位置的x轴和y轴
image.png

配置3:区域缩放dataZoom

dataZoom用于区域缩放,对数据范围过滤,x轴y轴都可以拥有
dataZoom是一个数组,意味着可以配置多个区域缩放器

type

slider

image.png

image.png

inside

此时通过鼠标滚轮的滚动实现数据的缩放
image.png
image.png

指明产生的作用轴

image.png
image.png

指明坐标的初始缩放状态

image.png