nom diplay sur colonne highstock

Question

Je dois dessiner un graphique montrant la requête DNS au fil du temps sur un réseau interne, pour que j'utilise Highstock comme vous pouvez le voir ci-dessous:

Ce que je besoin est Pour afficher le nom de DNS sur l'info-bulle, le nom DNS et les appels sont stockés dans la base de données.

code complet:

<script type="text/javascript" charset="utf-8"> 

$(function() { 
new Highcharts.StockChart({ 

    chart: { 
     renderTo: 'dns_chart', 
     type: 'column', 
    }, 

    title: { 
     text: 'DNS Hits by Sentinel Controller' 
    }, 

    scrollbar: { 
     enabled: true 
    }, 

    rangeSelector: { 
     buttons: [ 
      {type: 'hour',count: 1,text: '1h'}, 
      {type: 'day',count: 1,text: '1d'}, 
          {type: 'day',count: 3,text: '3d'}, 
          {type: 'day',count: 7,text: '1w'}, 
          {type: 'day',count: 14,text: '2w'}, 
          {type: 'month',count: 1,text: '1m'}, 
          {type: 'year',count: 1,text: '1y'}, 
          {type: 'all',text: 'all'} 
     ], 
     selected : 7 
    }, 

    yAxis: { 
     title: {text: 'Hits'} 
    }, 

    xAxis: { 
     title: { text: 'Domain name'} 
    }, 

    tooltip: { 
     crosshairs: [true,true], 
     shared : true, 
     pointFormat: '{series.name}: <b>{point.y} hits</b>' 
    }, 

    legend: { 
     enabled: true 
    }, 

    series: [{ 
     name : 'DNS hits', 
     dataGrouping : { 
      enabled : false 
     }, 
     data: ([ 
      <% @HighStock_result.each{ |row| %> 
      [Date.UTC(<%=row['qt']%>),<%=row['hits']%>], 
      <%}%> 
     ]), 
     dataGrouping: { 
       approximation: "sum", 
       enabled: true, 
       forced: true, 
       units: [['millisecond',[500]]], 
     } 
    }] 
}); 

}); 
</script> 

Merci.

Answer 1

Vous devez ajouter ces informations dans l'objet de la série comme:

series:[{ 
    name: 'DNS Info', 
    dnsName: 'DNS name', 
    data:[1,2,3] 
}] 

puis dans le formatter infobulle (this.series.options.dnsName) ou pointFormat ajouter series.options.dnsName