echarts柱状图小方格的格式（象形柱状图绘制）

最新推荐文章于 2024-05-29 14:57:32 发布

学会沉淀呀

最新推荐文章于 2024-05-29 14:57:32 发布

阅读量1.2k

点赞数 1

分类专栏： echarts 文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/weixin_45372418/article/details/128397565

版权

在这里插入图片描述

小方格形式的柱状图绘制

代码如下

 let colors = [
    {
   
      one: "#39C9F6",
      two: "#39C9F6",
    },

    {
   
      one: "#85F7E7",
      two: "#85F7E7",
    },
  ];
  let echartData = [
    {
   
      name: "已规范法人决策主体",
      value: 320,
    },
    {
   
      name: "未规范法人决策主体",
      value: 380,
    },
    // {
   
    //   name: "化工",
    //   value: 3900,
    // },
    // {
   
    //   name: "运输",
    //   value: 1800,
    // },

    // {
   
    //   name: "水电",
    //   value: 6289,
    // },
    // {
   
    //   name: "新能源",
    //   value: 8288,
    // },
    // {
   
    //   name: "火电",
    //   value: 3100,
    // },
    // {
   
    //   name: "煤炭",
    //   value: 2021,
    // },
  ];
  let xAxisData = echartData.map((v) => v.name);
  let yAxisData = echartData.map((v) => v.value);
   option = {
   
    // backgroundColor:"#000",
    grid: {
   
      // show: true,