code grafik

data: {
        Config: {
          tooltip: {
            trigger: "axis",
            axisPointer: {
              type: "shadow",
            },
          },
          legend: {
            data: ["Forest", "Steppe", "Desert", "Wetland"],
          },
          toolbox: {
            show: true,
            orient: "vertical",
            left: "right",
            top: "center",
            feature: {
              mark: { show: true },
              dataView: { show: true, readOnly: false },
              magicType: { show: true, type: ["line", "bar", "stack"] },
              restore: { show: true },
              saveAsImage: { show: true },
            },
          },
          xAxis: [
            {
              type: "category",
              axisTick: { show: false },
              data: ["2012", "2013", "2014", "2015", "2016"],
            },
          ],
          yAxis: [
            {
              type: "value",
            },
          ],
        },
        List: {
          series: [
            {
              name: "Forest",
              type: "bar",
              barGap: 0,
              label: {
                show: true,
                position: "insideBottom",
                distance: 15,
                align: "left",
                verticalAlign: "middle",
                rotate: 270,
                formatter: "{c}  {name|{a}}",
                fontSize: 16,
                rich: {
                  name: {},
                },
              },
              emphasis: {
                focus: "series",
              },
              data: [320, 332, 301, 334, 390],
            },
            {
              name: "Steppe",
              type: "bar",
              label: {
                show: true,
                position: "insideBottom",
                distance: 15,
                align: "left",
                verticalAlign: "middle",
                rotate: 270,
                formatter: "{c}  {name|{a}}",
                fontSize: 16,
                rich: {
                  name: {},
                },
              },
              emphasis: {
                focus: "series",
              },
              data: [220, 182, 191, 234, 290],
            },
            {
              name: "Desert",
              type: "bar",
              label: {
                show: true,
                position: "insideBottom",
                distance: 15,
                align: "left",
                verticalAlign: "middle",
                rotate: 270,
                formatter: "{c}  {name|{a}}",
                fontSize: 16,
                rich: {
                  name: {},
                },
              },
              emphasis: {
                focus: "series",
              },
              data: [150, 232, 201, 154, 190],
            },
            {
              name: "Wetland",
              type: "bar",
              label: {
                show: true,
                position: "insideBottom",
                distance: 15,
                align: "left",
                verticalAlign: "middle",
                rotate: 270,
                formatter: "{c}  {name|{a}}",
                fontSize: 16,
                rich: {
                  name: {},
                },
              },
              emphasis: {
                focus: "series",
              },
              data: [98, 77, 101, 99, 40],
            },
          ],
        },
      }