Html 柱形图显示每个标签的多个系列

Html 柱形图显示每个标签的多个系列,html,css,highcharts,Html,Css,Highcharts,帮助绘制柱状图,将每个标签映射为不同的系列。比如说 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轴应为以下格式,请参见图片,并且应为响应图形 假设您没有寻找分组图表,那么您在这里真正要做的是绘制三个不同的图

帮助绘制柱状图,将每个标签映射为不同的系列。比如说

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轴应为以下格式,请参见图片,并且应为响应图形


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

然而,为了方便起见,我们可以将它们组合成一个图表,带有三个单独的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' }
}]
小提琴示例

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' }
}]
示例图像

或者,还有“分组类别”插件也可以满足您的需要:


干杯,非常感谢。请您能帮我使列看起来像在上面的图片,也图表应该是响应。