Javascript 是否在highcharts条形图上打印值？

我使用

highcharts.js

创建了条形图。我将设备名称添加为y轴，将数据包添加为x轴的字节。我如何在条形图的条形图上添加设备联系时间。我在数组中有一个设备联系时间。我想打印条形图上的时间值？

请共享您的代码

你在找这个吗

从highcharts系列数据调用openData（）函数

series: [{
    name: 'BarName',
    data: openData()

}]

openData（）函数

function openData() {
 var fromDate =$('#startDate').val();
 var toDate = $('#expireDate').val();

 if(fromDate == '' || toDate == '' ){
  //    return false;
 }

 var data = 'fromDate='+fromDate+'&toDate='+toDate;
 $.ajax({
    url: 'apAppOpenChart.php',
    data: data,
    success: function(data) {
        var chartData=[];
        var retdata = jQuery.parseJSON(data);
        var length =retdata.length;

            for(var i=0; i<length; i++){
                var jsDate = new Date(retdata[i][0]*1000); 
                var datejs = jsDate.getFullYear()+','+jsDate.getMonth()+','+jsDate.getDate();

            }
            chart.series[0].setData(retdata);
            chart.redraw();
        },
    cache: false
 });
}

函数openData（）{ var fromDate=$（'#startDate'）.val（）； var toDate=$（'#expireDate'）.val（）； 如果（从日期=“”| |到日期=“”）{ //返回false； } 变量数据='fromDate='+fromDate+'&toDate='+toDate； $.ajax({ url:'apAppOpenChart.php'， 数据：数据， 成功：功能（数据）{ var chartData=[]； var retdata=jQuery.parseJSON（数据）； 变量长度=retdata.length；

---

对于（var i=0；i您可以通过启用数据标签并自定义它们来实现这一点。您还需要以特定的方式格式化数据：

$(function () {
$('#container').highcharts({
    chart: { type:'bar',
    },
    xAxis: {
        categories: ['Device 1', 'Device 2']
    },

    plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
                formatter:function() {
                    return this.point.t;
                }
            }
        }
    },

    series: [{
        data: [{y:29.9,t:"12:45"}, {y:71.5,t:"14:45"}]        
    }]
});
});

---

本例中的数据有一个定义为“t”的附加字段，其中包含要在条形图上显示的时间。在dataLabel formatter函数中，您可以使用此.point.t引用每个点内的所有数据，包括“t”。非常感谢您的回答。但是，在此修改之前，每个条形图的大小显示在条形图的末尾。但是s修改后，它们就消失了，只显示时间值。我想同时显示每个条末尾的“联系人时间值”和“条值”。只需更改格式化程序函数，例如，返回this.point.y+“”+this.point.t