Postgresql 在highstock列上显示名称
我必须绘制一张图表,显示一段时间内在网络上的DNS查询,为此,我使用Highstock,如下所示: 我需要的是在工具提示上显示DNS的名称,DNS名称和点击数存储到数据库中 完整性代码: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
<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