Question

我想生成一个条形图，每个“条目”有两个系列

一个是由多个系列组成的分组栏，另一个是单个系列。

我基本上试图在一个栏上显示多个邮箱配额设置，在另一个栏上显示用户邮箱的大小。

我几乎已经使用堆叠选项显示此工作：http://jsfiddle.net/86WYS/

plotOptions: {
                        bar: {
                            dataLabels: {
                                enabled: false,
                                formatter: function() {
                                            return Highcharts.numberFormat(this.y,0,'.',',') + 'MB';
                                        }
                            },
                            shadow: false,
                            stacking: 'normal'
                        }
                    }

但是，我不想堆叠条形图，我想对它们进行分组，因此值不会加在一起而是相互叠加。第一个栏应如下所示：http://jsfiddle.net/634t7/1/

plotOptions: {
                        bar: {
                            dataLabels: {
                                enabled: false,
                                formatter: function() {
                                            return Highcharts.numberFormat(this.y,0,'.',',') + 'MB';
                                        }
                            },
                            shadow: false,
                            grouping: false
                        }
                    }

Answer 1

我能想到的最好是关闭组和堆叠，然后手动设置当前尺寸系列的位置：

bar: {
   dataLabels: {
      enabled: false,
      formatter: function() {
          return Highcharts.numberFormat(this.y,0,'.',',') + 'MB';
      }
   },
   shadow: false,
   grouping: false,
   pointStart: -0.25  // set the point start back a bit, so category labels center
}

...

series: [{
    name: 'Current Size (MB)',
    color: colors[0],                       
    data: [
        {y: 2405.29, x: 0.25}, // manually set this column away from others
        {y: 2007.60, x: 1.25},
        {y: 1585.74, x: 2.25},
        {y: 711.07, x: 3.25}
    ]                        
},

...

小提琴here。

Highcharts.js：在条形图中分组一些系列而不是其他系列

1 个答案: