Javascript HighCharts项目符号图表标签是否显示在顶部?
我想在图表的顶部而不是左侧显示此项目符号图表的标签。可以吗? 这是密码Javascript HighCharts项目符号图表标签是否显示在顶部?,javascript,highcharts,bullet-chart,Javascript,Highcharts,Bullet Chart,我想在图表的顶部而不是左侧显示此项目符号图表的标签。可以吗? 这是密码 Highcharts.chart('container2', { xAxis: { categories: ['<span class="hc-cat-title">Profit</span><br/>%'] }, yAxis: { plotBands: [{ from: 0, to:
Highcharts.chart('container2', {
xAxis: {
categories: ['<span class="hc-cat-title">Profit</span><br/>%']
},
yAxis: {
plotBands: [{
from: 0,
to: 20,
color: '#666'
}, {
from: 20,
to: 25,
color: '#999'
}, {
from: 25,
to: 100,
color: '#bbb'
}],
labels: {
format: '{value}%'
},
title: null
},
series: [{
data: [{
y: 22,
target: 27
}]
}],
tooltip: {
pointFormat: '<b>{point.y}</b> (with target at {point.target})'
}
});
Highcharts.chart('container2'{
xAxis:{
类别:[“利润
%”
},
亚克斯:{
绘图带:[{
起:0,,
致:20,,
颜色:“#666”
}, {
起:20,,
致:25,,
颜色:“#999”
}, {
起:25,,
致:100,,
颜色:“#bbb”
}],
标签:{
格式:“{value}%”
},
标题:空
},
系列:[{
数据:[{
y:22,
目标:27
}]
}],
工具提示:{
pointFormat:“{point.y}(目标位于{point.target})”
}
});
这是子弹图。我想在图表顶部显示我的标签利润
您还可以看到jsfiddle:您可以使用带有正确选项的
dataLabels
属性:
series: [{
data: [{
dataLabels: {
enabled: true,
format: '<span class="hc-cat-title">Profit</span>',
align: 'left',
y: 40,
inside: true
},
y: 275,
target: 250
}]
}]
系列:[{
数据:[{
数据标签:{
启用:对,
格式:“利润”,
对齐:“左”,
y:40,
内部:对
},
y:275,
目标:250
}]
}]
现场演示:
API参考:它显示在另一侧。我需要在顶部显示。。。请参阅topHi@Shanto Siddiq上的图片,很抱歉误解了您的问题。我已经编辑了我的答案。感谢@ppotaczek的回答,但是工具提示中没有显示标签(利润),你能帮我吗?嗨@Shanto Siddiq,没问题,你可以使用
headerFormat
属性作为工具提示: