柱形图显示每个Label的多个系列

时间:2016-03-15 19:59:03

标签: html css highcharts

enter image description here帮助绘制柱形图,以使用不同的系列映射每个Label。例如。

X Axis : China, UK, India

Y Axis: 
For China: 1,2,3,4

For UK: 1,2,3

For India: 1,2

对于每个X轴标签,我需要不同的标签。在中国的情况下,我需要4个标签,如果是英国,我需要3个标签,如果是印度,我需要2个标签。

谢谢,还有一个问题,我正在努力将其付诸实施。 X轴应采用以下格式,请参见图像,它也应该是响应图。

enter image description here

1 个答案:

答案 0 :(得分:1)

假设您没有寻找分组图表,那么您在这里真正做的是绘制三个不同的图表。

但是,为方便起见,我们可以将它们组合成一个图表,其中包含三个独立的x轴。

示例代码

xAxis: [{
  offset:0,
  left:100,
  width:160,
  tickInterval:1,
  title: { text: 'China' }
},{
  offset:0,
  left:290,
  width:120,
  tickInterval:1,
  title: { text: 'UK' }
},{
  offset:0,
  left:440,
  width:80,
  tickInterval:1,
  title: { text: 'India' }
}]

示例小提琴

示例图片

enter image description here

或者,有" 分组类别"插件也可能适合您的需求: