highcharts工具提示错误日期
我做了一个图表,工具提示是显示日期和时间的格式,但它显示错误的日期和时间 请通读下面的代码 HTML代码highcharts工具提示错误日期,highcharts,date-format,column-count,Highcharts,Date Format,Column Count,我做了一个图表,工具提示是显示日期和时间的格式,但它显示错误的日期和时间 请通读下面的代码 HTML代码 Javascript代码 var maxval=“94”; $(函数(){ var图; $(文档).ready(函数(){ 图表=新的高点图表。图表({ 学分:{ 已启用:false }, 图表:{ 键入:“列”, renderTo:'容器', }, 标题:{ 文字:“每周交通” }, xAxis:{ 键入:“日期时间”, 标签:{ 格式:“{值:%d-%b-%Y}”, 轮调:-45
Javascript代码
var maxval=“94”;
$(函数(){
var图;
$(文档).ready(函数(){
图表=新的高点图表。图表({
学分:{
已启用:false
},
图表:{
键入:“列”,
renderTo:'容器',
},
标题:{
文字:“每周交通”
},
xAxis:{
键入:“日期时间”,
标签:{
格式:“{值:%d-%b-%Y}”,
轮调:-45,
},
},
亚克斯:{
标签:{enabled:false},
标题:{
文本:“”
},
},
工具提示:{
格式化程序:函数(){
返回“+this.series.name+”
“+”:“+Highcharts.dateFormat(“%Y-%m-%d%H:%m”,this.x)+”
“+Highcharts.numberFormat((this.Y/maxval)*100)+%”;
}
},
打印选项:{
行:{
enableMouseTracking:false
},
系列:{
起点:1444242600000,
点间距:86400000,
影子:错,
数据标签:{
启用:对,
格式化程序:函数()
{
var pcnt=(this.y/maxval)*100;
返回高位图表。数字格式(pcnt)+'%';
}
}
}
},
系列:[{
名称:“Firefox”,
数据:[10,56,32,12,64,13,38],
},{
名称:“Chrome”,
数据:[52,59,10,60,94,3,8],
},{
名称:'边缘',
数据:[22,56,20,35,14,73,38],
},{
名字:'歌剧',
数据:[30,36,80,65,44,53,81],
},{
名称:“Safari”,
数据:[40,16,50,77,34,33,36],
}],
});
});
});
工作提琴已经准备好了
您需要在highcharts的全局选项中将utc设置为false
Highcharts.setOptions({
global: {
useUTC: false
}
});
看
var maxval="94";
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
credits: {
enabled: false
},
chart: {
type: 'column',
renderTo: 'container',
},
title: {
text: 'Weekly Traffic'
},
xAxis: {
type: 'datetime',
labels: {
format: '{value:%d-%b-%Y}',
rotation:-45,
},
},
yAxis: {
labels:{enabled: false},
title: {
text: ''
},
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+': '+Highcharts.dateFormat('%Y-%m-%d %H:%M', this.x) +'<br>'+ Highcharts.numberFormat((this.y /maxval ) * 100) + '%';
}
},
plotOptions: {
line: {
enableMouseTracking: false
},
series:{
pointStart: 1444242600000,
pointInterval: 86400000,
shadow:false,
dataLabels:{
enabled:true,
formatter:function()
{
var pcnt = (this.y /maxval ) * 100;
return Highcharts.numberFormat(pcnt) + '%';
}
}
}
},
series: [{
name: 'Firefox',
data: [10,56,32,12,64,13,38],
},{
name: 'Chrome',
data: [52,59,10,60,94,3,8],
},{
name: 'Edge',
data: [22,56,20,35,14,73,38],
},{
name: 'Opera',
data: [30,36,80,65,44,53,81],
},{
name: 'Safari',
data: [40,16,50,77,34,33,36],
}],
});
});
});
Highcharts.setOptions({
global: {
useUTC: false
}
});