Echarts 用三柱图做双柱图效果

id_lutra

已于 2023-09-05 11:02:04 修改

阅读量136

点赞数

分类专栏： Echarts 文章标签： echarts 前端 javascript

于 2023-09-05 10:49:26 首次发布

本文链接：https://blog.csdn.net/id_lutra/article/details/132686915

版权


  grid: {

    top: 55,

    left: 64,

    right: 15,

    bottom: 25,

  },

  tooltip: {

    trigger: "axis",

    textStyle: {

      color: "#292A2D",

    },

    backgroundColor: "#EBFDFF",

    borderColor: "#56FDFF",

    borderWidth: 1,

    axisPointer: {

      type: "shadow",

    },

  },

  legend: {

    show: true,

    right: 10,

    top: 15,

    align: "right",

    icon: "rect",

    itemHeight: 6,

    itemWidth: 6,
    // 用data 属性筛选出要展示的柱图
    data: [

      {

        name: "论文期刊",

        textStyle: {

          color: "#fff",

        },

        itemStyle: {

          color: "rgba(0,126,255,0.36)",

          borderColor: "#04418b",

          borderWidth: "auto",

        },

      },

      {

        name: "专利申请",

        textStyle: {

          color: "#fff",

        },

        itemStyle: {