Echarts柱状图Y轴刻度值范围与grid组件

457 阅读1分钟

Echarts自定义Y轴刻度值范围(即最小值与最大值)和等分间隔

yAxis: {
        splitLine: { show: false },
        min: 0, // 最小值
        max: 40,// 最大值
        interval: 5,// 等分间隔
        axisLine: {
          show: true,
          lineStyle: { color: "#083B70" },
        },
        axisLabel: {
          fontSize: px(12),
        },
      },

Echarts grid组件:调整图表的位置

  • 通常配置left,top,right,bottom的值即可调整图表的位置;
  • 其对应的值可以是具体像素值如left:20可以是相对于容器高宽的百分比如left:'20%'
  • 使用方式:
grid: {
    left: "20%",
    top: "20%",
    right: "20%",
    bottom: "30%",
  },

该项目中实践

    grid: {
        x: px(40),
        y: px(40),
        x2: px(40),
        y2: px(60),
      },