Javascript Highchart针对条形图中的每个类别显示单个条目

Javascript Highchart针对条形图中的每个类别显示单个条目,javascript,highcharts,Javascript,Highcharts,我正在制作高图。我试图建立一个条形图,每个类别都有一个条目。现在我正在做一个例子。下面是输出 预期产出 我希望每个类别都有一个条目。例如,对于四月,我只想要一个条而不是多个条,以此类推 这是工作状态您只需使用参数visible: Highcharts.chart('container'{ 图表:{ 类型:'bar' }, 标题:{ 正文:“按区域分列的历史世界人口” }, 副标题:{ 文本:“来源:” }, xAxis:{ 类别:[“非洲”、“美洲”、“亚洲”、“欧洲”、“大洋洲”], 标

我正在制作高图。我试图建立一个条形图,每个类别都有一个条目。现在我正在做一个例子。下面是输出

预期产出

我希望每个类别都有一个条目。例如,对于四月,我只想要一个条而不是多个条,以此类推


这是工作状态

您只需使用参数
visible

Highcharts.chart('container'{
图表:{
类型:'bar'
},
标题:{
正文:“按区域分列的历史世界人口”
},
副标题:{
文本:“来源:”
},
xAxis:{
类别:[“非洲”、“美洲”、“亚洲”、“欧洲”、“大洋洲”],
标题:{
文本:空
}
},
亚克斯:{
分:0,,
标题:{
正文:“人口(百万)”,
对齐:“高”
},
标签:{
溢出:'justify'
}
},
工具提示:{
valueSuffix:'百万'
},
打印选项:{
酒吧:{
数据标签:{
已启用:true
}
}
},
图例:{
布局:“垂直”,
对齐:“右”,
垂直排列:“顶部”,
x:-40,
y:80,
浮动:是的,
边框宽度:1,
背景颜色:
Highcharts.defaultOptions.legend.backgroundColor | | |'#FFFFFF',
影子:对
},
学分:{
已启用:false
},
系列:[
/*{
可见:假,
名称:“1800年”,
数据:[107,31635203,2]
}, {
可见:假,
名称:"1900年",,
数据:[133156947408,6]
}, {
可见:假,
名称:“2000年”,
数据:[8148413714727,31]
}, */
{
可见:对,
名称:“2016年”,
数据:[121610014436738140]
}]
});

显示水平列的条形图。这种图表类型通常是 适用于较小的屏幕,因为用户可以滚动浏览数据 垂直和轴标签易于阅读。


It’你想要什么还不是很清楚,因为如果你点击图例,你会隐藏或显示不同的条。。因此,您只需使用数据内部可见的参数来隐藏或不隐藏条。。看到我的答案了吗?基本上你只是对这样的东西感兴趣@madepiet是的,我知道你想要一张钻孔图,那么你想从你的样品中得到什么结果呢?你能更具体点吗?@Frenchy不,我不想深入调查。我只想在每个类别上显示一个条目,这并不是我想要的。预期的输出图像只是给出一个想法。不要穿同一种颜色。请看@madepiet的评论,这就是我想要的