在highcharts中,如何将多个系列和xAxis类型设置为category时显示所有类别?

在highcharts中,如何将多个系列和xAxis类型设置为category时显示所有类别?,highcharts,Highcharts,我有一个柱状图,我正试图让它呈现多个类别的多个系列。因为我是通过json配置highchart的,所以我希望避免将类别设置在单独的位置作为数据。我发现,如果将xAxis.type设置为“category”,它将在序列数据中查找类别。然而,当我对多个系列和类别进行此操作时,类别会变得有点混乱。我如何让它正常工作,以便所有类别都能正确显示?梨是苹果的两倍,苹果甚至没有出现 $(函数(){ $(“#容器”)。高图({ “标题”:{ “文本”:” }, “图表”:{ “高度”:400 }, xAxis

我有一个柱状图,我正试图让它呈现多个类别的多个系列。因为我是通过json配置highchart的,所以我希望避免将类别设置在单独的位置作为数据。我发现,如果将xAxis.type设置为“category”,它将在序列数据中查找类别。然而,当我对多个系列和类别进行此操作时,类别会变得有点混乱。我如何让它正常工作,以便所有类别都能正确显示?梨是苹果的两倍,苹果甚至没有出现

$(函数(){
$(“#容器”)。高图({
“标题”:{
“文本”:”
},
“图表”:{
“高度”:400
},
xAxis:{
类型:“类别”
},
“系列”:[
{
“名称”:“东方”,
“类型”:“列”,
“数据”:[
{
名称:'苹果',
“y”:98.9
},
{
名称:‘杏’,
“y”:66.71
},
{
名字:'樱桃',
“y”:33.77
},
{
名字:'梨',
“y”:362.24
},
{
名称:“橙色”,
“y”:48.9
}
],
“_colorIndex”:0
},
{
“名称”:“西部”,
“类型”:“列”,
“数据”:[
{
名字:“桃子”,
“y”:348.83
},
{
名字:'梨',
“y”:181.78
},
{
名字:'柠檬',
“y”:760.83
}
],
“_colorIndex”:1
}
]
});
});

Highcharts库不匹配不同系列中的类别,也不排序数据。第二个系列使用x索引的示例(第一个系列可能保持原样):

例如:

"series": [
  {
    "name": "East",
    "type": "column",
    "data": [
      {
        name: 'Apple',
        "y": 98.9
      },
      {
        name: 'Apricot',
        "y": 66.71
      },
      {
        name: 'Cherry',
        "y": 33.77
      },
      {
        name: 'Pear',
        "y": 362.24
      },
      {
        name: 'Orange',
        "y": 48.9
      }
    ],
    "_colorIndex": 0
  },
  {
    "name": "West",
    "type": "column",
    "data": [
      {
        name: 'Peach',
        "y": 348.83,
        x: 5
      },
      {
        name: 'Pear',
        "y": 181.78,
        x: 3
      },
      {
        name: 'Lemon',
        "y": 760.83,
        x: 6
      }
    ],
    "_colorIndex": 1
  }
]

可以为每个数据元素设置x值。但是,如果您正在这样做,您还可以创建类别列表。从文档中可以看出:“……如果您有多个系列,最佳做法仍然是定义categories数组。”简而言之,Highcharts库不匹配不同系列中的类别,也不对数据进行排序。第二个系列使用
x
索引的示例(第一个可能保持原样):@PawełFus我想把你标记为答案,但你做了一个注释。如果你能回答,那么我可以把它标记为答案,这样Others就可以看到如何解决它。谢谢