Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HighCharts项目符号图表标签是否显示在顶部?_Javascript_Highcharts_Bullet Chart - Fatal编程技术网

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
属性作为工具提示: