Postgresql 在highstock列上显示名称

Postgresql 在highstock列上显示名称,postgresql,highcharts,dns,highstock,Postgresql,Highcharts,Dns,Highstock,我必须绘制一张图表,显示一段时间内在网络上的DNS查询,为此,我使用Highstock,如下所示: 我需要的是在工具提示上显示DNS的名称,DNS名称和点击数存储到数据库中 完整性代码: <script type="text/javascript" charset="utf-8"> $(function () { new Highcharts.StockChart({ chart: { renderTo: 'dns_chart', typ

我必须绘制一张图表,显示一段时间内在网络上的DNS查询,为此,我使用Highstock,如下所示:

我需要的是在工具提示上显示DNS的名称,DNS名称和点击数存储到数据库中

完整性代码:

<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>

$(函数(){
新海图({
图表:{
renderTo:'dns_图表',
键入:“列”,
},
标题:{
文本:“Sentinel控制器的DNS命中”
},
滚动条:{
已启用:true
},
范围选择器:{
按钮:[
{类型:'hour',计数:1,文本:'1h'},
{类型:'day',计数:1,文本:'1d'},
{类型:'day',计数:3,文本:'3d'},
{键入:'day',计数:7,文本:'1w'},
{键入:'day',计数:14,文本:'2w'},
{类型:'month',计数:1,文本:'1m'},
{类型:'year',计数:1,文本:'1y'},
{键入:'all',文本:'all'}
],
选定:7
},
亚克斯:{
标题:{text:'Hits'}
},
xAxis:{
标题:{text:'域名'}
},
工具提示:{
十字准星:[对,对],
分享:是的,
pointFormat:“{series.name}:{point.y}hits”
},
图例:{
已启用:true
},
系列:[{
名称:'DNS命中',
数据分组:{
已启用:false
},
数据:([
[Date.UTC(),],
]),
数据分组:{
近似值:“总和”,
启用:对,
是的,
单位:[[毫秒],[500]],
}
}]
});
});

谢谢。

您需要在序列对象中添加以下信息:

series:[{
   name: 'DNS Info',
   dnsName: 'DNS name',
   data:[1,2,3]
}]
然后在工具提示格式化程序(
this.series.options.dnsName
)或pointFormat中添加
series.options.dnsName