Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
highcharts工具提示错误日期_Highcharts_Date Format_Column Count - Fatal编程技术网

highcharts工具提示错误日期

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

我做了一个图表,工具提示是显示日期和时间的格式,但它显示错误的日期和时间

请通读下面的代码

HTML代码

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
}
});