是否可以在单个Highcharts图表中组合两个柱形图？

Highcharts支持组合不同类型的图表，例如在单个图表中组合样条和列。当然，可以在同一个图表中组合多个样条。是否可以组合多个列？我是否可以将柱形图与第二个柱形图组合在一起，即将一组列显示在另一组柱形的顶部（通过zIndex）？是否可以在单个Highcharts图表中组合两个柱形图？

这个小提琴 - http://jsfiddle.net/Bridgeland/rqrQ4/ ---显示了最简单的例子。我想在一个高大而瘦的红色长方形的顶部（zIndex）上有一个短的深黄色长方形，黄色长方形覆盖了红色长方形的下半部分。相反，它们并排出现。

enter image description here

是我想在Highcharts可能吗？（另外，为什么Highcharts会将两列的宽度都减半？如果图表只有红色矩形的系列，它是5000宽而不是2500，如果图只有系列用于黄色矩形，它是10000宽，而不是5000）

这里的对应于该小提琴的代码：

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      alignTicks: false 
     }, 
     title: { 
      text: "" 
     }, 
     yAxis: { 
      min: 0, 
      max: 1 
     }, 
     xAxis: { 
      min: 0, 
      endOnTick: false, 
      max: 9000 
     }, 
     legend: { 
      enabled: false 
     }, 
     credits: { 
      enabled: false 
     }, 
     series: [ 

     { 
      data: [ 
      1], 
      type: "column", 
      pointPadding: 0.01, 
      groupPadding: 0, 
      color: "red", 
      pointInterval: 5000, 
      pointRange: 5000, 
      borderWidth: 0, 
      shadow: false, 
      pointPlacement: "between", 
      zIndex: 0, 
      minPointLength: 3 
     }, { 
      data: [ 
      0.5], 
      type: "column", 
      pointPadding: 0.01, 
      groupPadding: 0, 
      color: "yellow", 
      pointInterval: 10000, 
      pointRange: 10000, 
      borderWidth: 0, 
      shadow: false, 
      pointPlacement: "between", 
      zIndex: 1, 
      minPointLength: 3 
     }] 
    }) 
})

来源

2013-07-07 David Bridgeland

删除groupPadding并设置：

plotOptions: { 
    series: { 
    grouping: false 
    } 
}

和现场示例：http://jsfiddle.net/rqrQ4/1/

来源

2013-07-08 11:59:43

此外，黄色条的pointInterval是红色条的大小的两倍。 – wergeld

是的，可能'pointRange'也应该被删除，应该使用'pointWidth'，但我不确定。 –

谢谢舰队海军上将福斯 –

是否可以在单个Highcharts图表中组合两个柱形图？

回答

相关问题