【Echarts】 grid网格

发布时间 2023-05-17 11:13:55作者: Esai-Z
E charts 网格问题:
grid: {   // 直角坐标系内绘图网格
        left: '10',  //grid 组件离容器左侧的距离,
        //left的值可以是80这样具体像素值,
        //也可以是'80%'这样相对于容器高度的百分比
        top: '10',
        right: '30',
        bottom: '0',
        containLabel: true   //gid区域是否包含坐标轴的刻度标签。为true的时候,
        // left/right/top/bottom/width/height决定的是包括了坐标轴标签在内的
        //所有内容所形成的矩形的位置.常用于【防止标签溢出】的场景
      },
      xAxis: {  //直角坐标系grid中的x轴,
        //一般情况下单个grid组件最多只能放上下两个x轴,
        //多于两个x轴需要通过配置offset属性防止同个位置多个x轴的重叠。
        type: 'value',//坐标轴类型,分别有:
        //'value'-数值轴;'category'-类目轴;
        //'time'-时间轴;'log'-对数轴
        splitLine: { show: false },//坐标轴在 grid 区域中的分隔线
        axisLabel: { show: false },//坐标轴刻度标签
        axisTick: { show: false },//坐标轴刻度
        axisLine: { show: false },//坐标轴轴线
      },