六边形柱体图

描述:当前是关于Echarts图表中的 柱状图 示例。
 
              var path = 'path://M214,1079l8-6h16l8,6-8,6H222Z';
    var zzx1 = ['40000', '30500', '20520'];
    var wgx1 = ['58510', '55697', '15000'];
    var option = {
        backgroundColor: '#081736',
      tooltip: {
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器,坐标轴触发有效
            type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
        },
        formatter: function(e){
            return e[0].axisValue+":<br>"+'当日:'+e[0].data+"<br>"+'累积:'+e[1].data;
        }
      },
      grid: {
        left: '4%',
        right: '4%',
        bottom: '20%',
        top: '26%',
        containLabel: true
      },
      legend: {
        data: ['当日', '累积'],
        left: 'center',
        top: '15%',
        textStyle: {
          color: '#00ffff',
          fontSize: 14
        },
        itemWidth: 18,
        itemHeight: 12,
        itemGap: 35,
        color: '#242424'
      },
      xAxis: {
        type: 'category',
        data: ['第一剂次', '第二剂次', '第三剂次'],
        axisLine: {
          lineStyle: {
            show: true,
            lineStyle: {
              color: '#6A989E'
            }
          }
        },
        axisLabel: {
          // interval: 0,
          // rotate: 40,
          textStyle: {
            fontFamily: 'Microsoft YaHei',
            color: '#fff', // x轴颜色
            fontWeight: 'normal',
            fontSize: '14',
            lineHeight: 22
          }
        }
        // splitLine:{
        //     show:true,
        //     lineStyle: {
        //         type: 'dashed',
        //         color: 'rgba(135,140,147,0.8)'
        //     }
        // },
      },
    
      yAxis: {
        type: 'value',
        name: '次数',
        nameTextStyle: {
          color: '#ffffff'
        },
        axisLine: {
          show: false,
          lineStyle: {
            type: 'dashed',
            color: 'rgba(135,140,147,0.8)'
          }
        },
        splitLine: {
          show: true,
          lineStyle: {
            color: 'rgba(135,140,147,1)' //左侧显示线
          }
        },
        axisLabel: {
          formatter: '{value}',
          color: '#fff',
          fontSize: 14
        }
      },
      series: [
        {
          type: 'pictorialBar',
          symbol: path,
          symbolSize: [25, 8],
          symbolOffset: [-16, -4],
          symbolPosition: 'end',
          z: 12,
          color: '#3440FF',
          data: zzx1
        },
        {
          type: 'pictorialBar',
          symbol: path,
          symbolSize: [25, 8],
          symbolOffset: [16, -4],
          symbolPosition: 'end',
          z: 12,
          color: '#FF1155',
          data: wgx1
        },
        {
          type: 'pictorialBar',
          symbol: path,
          symbolSize: [25, 8],
          symbolOffset: [-16, 4],
          z: 12,
          color: 'rgba(126,192,238,0.6)',
          data: zzx1
        },
        {
          name: '',
          type: 'pictorialBar',
          symbol: path,
          symbolSize: [25, 8],
          symbolOffset: [16, 4],
          color: '#FFC0CB',
          z: 12,
          data: wgx1
        },
        {
          name: '当日',
          type: 'bar',
          barWidth: '25',
          itemStyle: {
            normal: {
              opacity: 0.7,
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                {
                  offset: 0,
                  color: 'blue'
                },
                {
                  offset: 1,
                  color: '#7EC0EE'
                }
              ]),
              barBorderRadius: 0
            }
          },
          label: {
            show: true,
            position: ['-18', '-18'],
            color: '#00f8ff',
            fontSize: 12
          },
          data: zzx1
        },
        {
          name: '累积',
          type: 'bar',
          barWidth: '25',
          itemStyle: {
            normal: {
              opacity: 0.7,
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                {
                  offset: 0,
                  color: '#FF2246'
                },
                {
                  offset: 1,
                  color: '#FFC0CB'
                }
              ]),
              barBorderRadius: 0
            }
          },
          label: {
            show: true,
            position: ['18', '-18'],
            color: '#00f8ff',
            fontSize: 12
          },
          data: wgx1
        }
      ]
    };