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