Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/maven/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Highcharts多组分组柱形图?_Charts_Highcharts_Multiple Columns_Series - Fatal编程技术网

Highcharts多组分组柱形图?

Highcharts多组分组柱形图?,charts,highcharts,multiple-columns,series,Charts,Highcharts,Multiple Columns,Series,我希望在Highcharts中创建一个分组柱状图,但在给定的一天中有多个组除外。这个图看起来是这样的(来自这个论坛问题),除了每个堆叠的条被一组列(非堆叠)替换。因此,我们每天会看到多组列,每个组对应一个用户。有人知道怎么做吗 编辑:这是我找到的一个JSFIDLE ElementStacks-JSFIDLE演示 // 从这里的线。但是,x轴增量的代码有点乏味,因为您必须手动添加每个增量并包括其间距,以确保数据点对齐。我以前做过一些图表,可以指定日期的点开始和点间隔。如果有人知道更优雅的解

我希望在Highcharts中创建一个分组柱状图,但在给定的一天中有多个组除外。这个图看起来是这样的(来自这个论坛问题),除了每个堆叠的条被一组列(非堆叠)替换。因此,我们每天会看到多组列,每个组对应一个用户。有人知道怎么做吗

编辑:这是我找到的一个JSFIDLE


ElementStacks-JSFIDLE演示
//  

从这里的线。但是,x轴增量的代码有点乏味,因为您必须手动添加每个增量并包括其间距,以确保数据点对齐。我以前做过一些图表,可以指定日期的点开始和点间隔。如果有人知道更优雅的解决方案,那就太好了。

除非您没有解释其他问题,否则您要求的是分组柱状图的默认行为:


实现这一点所需的只是多个数据系列和一种类型的“列”

您可以将插件用于分组类别,在这里您可以找到它:

要解决此问题,您需要在无法堆叠的变量上进行堆叠。比如: 系列:{

{ 
    name: 'boys', 
    stack: 1,
    data: [2, 6, 5,0] 
} 

{ 
    name: 'girls', 
    stack: 2,
    data: [0, 6, 1,3] 
} 
}
没有使用1,2,3,4 e.t.c进行叠加

我遇到了同样的问题,并使用普通海图解决了这个问题。它需要一些神奇的数据交换,但结果是公平的


请参见此处:

我不确定这应该是什么样子。你能不能把它移走?也许你可以为此展示一个简单的模型?对不起,这里是我找到的一个示例的一部分。这就是我一直在寻找的;我只是想知道以前是否有人处理过这种分组柱状图,并且有解决方案。如果使用Highcharts,请尝试一下这个插件
.
{ 
    name: 'boys', 
    stack: 1,
    data: [2, 6, 5,0] 
} 

{ 
    name: 'girls', 
    stack: 2,
    data: [0, 6, 1,3] 
}