色板卡

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
  legend: {"top": "20",right:"60"},
  tooltip: {},
  color: ['#5470c6', '#73c0de', '#fac858', '#ee6666', '#91cc75'],
  // color: ['#91cc75','#ee6666'],

  dataset: {
    // dimensions: ['product', '在运行', '已办结', '已终止', '已挂起', '已退回'],
    // dimensions: ['product', '平均办结天数', '最短耗时', '最长耗时'],
    // dimensions: ['product', '已办结', '超时'],
    // dimensions: ['product', '创建任务数', '处理任务数'],
    dimensions: ['product', '已办结', '已终止', '已挂起', '已退回'],

    // source: [
    //   {
    //     product: '流程名称1',
    //     平均办结天数: 85.8,
    //     最短耗时: 46.3,
    //     最长耗时: 93.7,

    //   },
    //   {
    //     product: '流程名称2',
    //     平均办结天数: 82.5,
    //     最短耗时: 65.2,
    //     最长耗时: 86.4,

    //   },
    //   {
    //     product: '流程名称3',
    //     平均办结天数: 73.4,
    //     最短耗时: 55.1,
    //     最长耗时: 83.1,

    //   },
    //   { product: '流程名称4', 平均办结天数: 82.5, 最短耗时: 65.2, 最长耗时: 86.4 },
    //   {
    //     product: '流程名称5',
    //     平均办结天数: 53.9,
    //     最短耗时: 39.1,
    //     最长耗时: 72.4,
    //   },
    // ],
    // source: [
    //   {
    //     product: '流程名称1',
    //     已办结: 85,
    //     超时: 18,
    //   },
    //   {
    //     product: '流程名称2',
    //     已办结: 82,
    //     超时: 12,
    //   },
    //   {
    //     product: '流程名称3',
    //     已办结: 73,
    //     超时: 16,
    //   },
    //   {
    //     product: '流程名称4',
    //     已办结: 88,
    //     超时: 17,
    //   },
    //   {
    //     product: '流程名称5',
    //     已办结: 94,
    //     超时: 12,
    //   },
    // ],
    // source: [
    //   {
    //     product: '机构1',
    //     创建任务数: 385,
    //     处理任务数: 318,
    //   },
    //   {
    //     product: '机构2',
    //     创建任务数: 282,
    //     处理任务数: 212,
    //   },
    //   {
    //     product: '机构3',
    //     创建任务数: 373,
    //     处理任务数: 316,
    //   },
    //   {
    //     product: '机构4',
    //     创建任务数: 288,
    //     处理任务数: 217,
    //   },
    //   {
    //     product: '机构5',
    //     创建任务数: 394,
    //     处理任务数: 312,
    //   },
    // ],
        source: [
      {
        product: '活动1',
        已办结: 385,
        已终止: 32,
        已挂起: 12,
        已退回: 20,
      },
      {
        product: '活动2',
        已办结: 385,
        已终止: 32,
        已挂起: 12,
        已退回: 20,
      },
      {
        product: '活动3',
        已办结: 385,
        已终止: 32,
        已挂起: 12,
        已退回: 20,
      },
      {
        product: '活动4',
        已办结: 385,
        已终止: 32,
        已挂起: 12,
        已退回: 20,
      },
      {
        product: '活动5',
        已办结: 385,
        已终止: 32,
        已挂起: 12,
        已退回: 20,
      },
    ],
    
    
  },
  xAxis: { type: 'category' },
  yAxis: {},
  // Declare several bar series, each will be mapped
  // to a column of dataset.source by default.
  series: [
    {
      type: 'bar',
      barWidth: '10%',
      itemStyle: {
        normal: {
          barBorderRadius: 6,
        },
      },
    },
    {
      type: 'bar',
      barWidth: '10%',
      itemStyle: {
        normal: {
          barBorderRadius: 6,
        },
      },
    },
    {
      type: 'bar',
      barWidth: '10%',
      itemStyle: {
        normal: {
          barBorderRadius: 6,
        },
      },
    },
    {
      type: 'bar',
      barWidth: '10%',
      itemStyle: {
        normal: {
          barBorderRadius: 6,
        },
      },
    },
    // {
    //   type: 'bar',
    //   barWidth: '10%',
    //   itemStyle: {
    //     normal: {
    //       barBorderRadius: 6,
    //     },
    //   },
    // },
  ],
};