echarts 坐标系

基本概念

定位

大多数组件都提供了定位属性，可以采用 css absolute 的定位属性来控制组件的位置

grid:{
  top:100,
  right:'10%'
  bottom:100
  left:'10%',
}

坐标系

包含单坐标系，双坐标系，多坐标系

单坐标系

源码预览打开窗口

查看源码

双坐标系

源码预览打开窗口

查看源码

多坐标系，使用定位 grid 分为两个图表

grid: [
  {
    bottom: "50%", // 分开为两个坐标系
  },
  {
    top: "60%",
  },
],

源码预览打开窗口

查看源码