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