हाईचार्ट्स बार ग्राफ़ पर एक मान मुद्रित करें?

Question

मैंने highcharts.js का उपयोग कर बार ग्राफ बनाया है। मैंने एक्स अक्ष के लिए बाइट्स में वाई अक्ष और डेटा पैकेट के रूप में डिवाइस का नाम जोड़ा। मैं बार ग्राफ के बार पर डिवाइस संपर्क समय कैसे जोड़ूं। मेरे पास array.i में एक डिवाइस संपर्क समय है, प्रिंट का एक तरीका है, उस समय मूल्य बार ग्राफ पर?

Answer 1

आप यह कर सकते हैं डेटा लेबल सक्षम करके, और उन्हें अनुकूलित करके। तुम भी एक खास तरह से अपने डेटा को फ़ॉर्मेट करने की आवश्यकता होगी:

$(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"}]   
    }] 
}); 
}); 

http://jsfiddle.net/NPSEf/

इस उदाहरण में डेटा परिभाषित 'टी' एक अतिरिक्त फ़ील्ड जो समय आप पट्टी पर दिखाना चाहते हैं शामिल है। डेटा लेबल फ़ॉर्मेटर फ़ंक्शन में, आप इस बिंदु का उपयोग कर 't' सहित प्रत्येक बिंदु के भीतर सभी डेटा का संदर्भ ले सकते हैं।

Answer 2

अपने कोड साझा करें ...

आप इस की तलाश में ... अपने 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 
}); 
}