{{target: component-grid}}
直角坐标系内绘图网格,单个 grid 内最多可以放置上下两个 X 轴,左右两个 Y 轴。可以在网格上绘制折线图,柱状图,散点图(气泡图)。
在 ECharts 2.x 里单个 echarts 实例中最多只能存在一个 grid 组件,在 ECharts 3 中可以存在任意个 grid 组件。
例如下面这个 Anscombe Quartet 的示例:
{{use: partial-component-id(prefix=“#”)}}
是否显示直角坐标系网格。
{{ use: partial-rect-layout-width-height( componentName=“grid “, defaultLeft=”‘10%’”, defaultTop=60, defaultRight=“‘10%’”, defaultBottom=60 ) }}
grid 区域是否包含坐标轴的刻度标签。
false
的时候:grid.left
grid.right
grid.top
grid.bottom
grid.width
grid.height
决定的是由坐标轴形成的矩形的尺寸和位置。grid
进行对齐的场景,因为往往多个 grid
对齐的时候,是依据坐标轴来对齐的。true
的时候:grid.left
grid.right
grid.top
grid.bottom
grid.width
grid.height
决定的是包括了坐标轴标签在内的所有内容所形成的矩形的位置。{{ use:partial-component-common-style(componentName=“网格”, prefix=‘#’, needShow=true) }}
{{use: partial-tooltip-in-coords( galleryViewPath=${galleryViewPath}, galleryEditorPath=${galleryEditorPath} )}}