Highcharts格式化数据标签

我已经用highcharts编辑了一个图表，现在我想用实际值显示最后一个数据标签上的一些文本

这里是jsfiddle编辑

代码：

在该图中，最后一个数据标签为6%。我想显示abc 6%，而不改变其余部分

---

可能的解决办法是什么？任何帮助

您都可以尝试解决方法，这取决于您的整个代码使用情况

我更新了你的小提琴：

逻辑：

• 您必须获取数组的计数并将其存储在

• jquery（cnt）。将指针变量（pntr）初始化为0，以增加值

• pntr始终处于格式化程序功能检查pntr是否等于

• 数组计数，即最后绘制的值，因此更改标签

代码：

---

你是按程序获取数据的吗？您知道将绘制多少个值吗？是的，我正在数组中动态获取数据。谢谢！在更改最后一个数据点的颜色时，我也应用了相同的逻辑。但当我在格式化程序函数上应用时，它得到display none。我检查了一下我是否犯了语法错误。谢谢你，成功了！

$(function () {
$('#container').highcharts({
    chart: {
        type: 'line'
    },
    title: {
        text: ''
    },
    credits:{
        enabled:false
    },
    subtitle: {
        text: ''
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul']
    },
    yAxis: {
        min:0,
        max:100,
        title: {
            text: 'Score ( % )'
        },
        labels:{
            enabled:false
        }
    },
    legend:{
        enabled:false
    },
    plotOptions: 
    {
        line: 
        {
            lineWidth:2,
            dataLabels: 
            {
                enabled: true,
                formatter:function() 
                {
                    var pcnt = (this.y);
                    return Highcharts.numberFormat(pcnt,0) + '%';
                }
            },
            enableMouseTracking: true
        }
    },
    series: [{
        name: 'Tokyo',
        data: [7.0, 6.9, 9.5, 30, 7.4, 21.5, 6]
    }]
});
 });

$(function () {
var cnt = 7; // Count of the array should be here
var pntr = 0;
$('#container').highcharts({
    chart: {
        type: 'line'
    },
    title: {
        text: ''
    },
    credits:{
        enabled:false
    },
    subtitle: {
        text: ''
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul']
    },
    yAxis: {
        min:0,
        max:100,
        title: {
            text: 'Score ( % )'
        },
        labels:{
            enabled:false
        }
    },
    legend:{
        enabled:false
    },
    plotOptions: 
    {
        line: 
        {
            lineWidth:2,
            dataLabels: 
            {
                enabled: true,
                formatter:function() 
                {
                    pntr++;
                    var pcnt = (this.y);
                    if(pntr == cnt)
                    {
                        return 'Your Text Here' + Highcharts.numberFormat(pcnt,0) + '%';
                    }else{
                        return Highcharts.numberFormat(pcnt,0) + '%';
                    }
                }
            },
            enableMouseTracking: true
        }
    },
    series: [{
        name: 'Tokyo',
        data: [7.0, 6.9, 9.5, 30, 7.4, 21.5, 6]
    }]
});
});