highcharts x轴不显示只有一个值的系列

highcharts x轴不显示只有一个值的系列,highcharts,Highcharts,我用海图作为图表。我用“linkedTo”制作了一个系列,因为我需要按区域对列进行分组,并生成一个显示这些区域的图例。在那之前,结果是理想的。但我无法在X轴上显示类别的名称。在每一列下都应该有“A”、“B”。。。如图所示。有关代码,请参见JSFIDLE。谢谢你的帮助 //创建图表 Highcharts.chart('容器'{ 图表:{ 类型:“列” }, 标题:{ 文本:“测试” }, 副标题:{ 文本:“测试” }, xAxis:{ 类型:'类别', 类别:['A','B','C','D']

我用海图作为图表。我用“linkedTo”制作了一个系列,因为我需要按区域对列进行分组,并生成一个显示这些区域的图例。在那之前,结果是理想的。但我无法在X轴上显示类别的名称。在每一列下都应该有“A”、“B”。。。如图所示。有关代码,请参见JSFIDLE。谢谢你的帮助

//创建图表
Highcharts.chart('容器'{
图表:{
类型:“列”
},
标题:{
文本:“测试”
},
副标题:{
文本:“测试”
},
xAxis:{
类型:'类别',
类别:['A','B','C','D']
},
图例:{
启用:对,
labelFormatter:function(){
返回this.userOptions.id
}
},
打印选项:{
系列:{
边框宽度:0,
数据标签:{
启用:false,
}
}
},
工具提示:{
headerFormat:“{series.name}
”, pointFormat:“{point.name}:{point.y:.2f}占总数的百分比
” }, 系列:[ { id:‘中国’, 颜色:“#004f9e”, 数据:[1100] }, { id:‘国际’, 颜色:'#e73357', 数据:[10] }, { 链接到:'国际', 颜色:'#e73357', 数据:[1000] }, { 链接到:“中国”, 颜色:“#004f9e”, 数据:[686] } ] });

您需要对您的
系列
稍作修改,才能正常工作

series: [{
        data: [{
            id:'China',
            color: '#004f9e',
            y: 1100
         },{
            id:'International',
            color: '#e73357',
            y: 10
         },{
            linkedTo: 'International',
            color: '#e73357',
             y: 1000
         },{
         linkedTo: 'China',
         color: '#004f9e',
          y: 686
          }], 
       }]
我所做的是:

  • 我更改了
    数据[]
    ,因此它包含一个值数组
  • 我将存储为
    数据:[686]
    的值更改为
    y:686

非常感谢您的回答。顺便说一句,用你的解决方案,传奇不是我想要的。同时,我在“系列>再次感谢”的绘图选项中使用grouping:false找到了这个解决方案。祝你愉快day@user3951700啊,这个解决办法容易多了。我也一直在找那个,但没找到。很高兴你成功了!
series: [{
        data: [{
            id:'China',
            color: '#004f9e',
            y: 1100
         },{
            id:'International',
            color: '#e73357',
            y: 10
         },{
            linkedTo: 'International',
            color: '#e73357',
             y: 1000
         },{
         linkedTo: 'China',
         color: '#004f9e',
          y: 686
          }], 
       }]