`
liyonghui160com
  • 浏览: 762222 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

highcharts 8小时问题

阅读更多

 

Highcharts 中默认开启了UTC(世界标准时间),由于中国所在时区为+8,所以经过 Highcharts 的处理后会减去8个小时。

如果不想使用 UTC,有2种方法可供使用:

 

1、在使用Highcharts的页面中添加如下代码:

 

<script type="text/javascript">  
     Highcharts.setOptions({ global: { useUTC: false } });   
 </script>

 

2、在Highcharts源文件中进行设置,Highcharts/js/highcharts.src.js 中找到如下代码:

 

    global: {  
        useUTC: true,  
        canvasToolsURL: 'http://code.highcharts.com/3.0.1/modules/canvas-tools.js',  
        VMLRadialGradientURL: 'http://code.highcharts.com/3.0.1/gfx/vml-radial-gradient.png'  
    },  

 

将其中的 useUTC: true 更改成 useUTC: false,保存。刷新页面即可。

 

分享到:
评论

相关推荐

    Highcharts-7.2.1IE8好用.rar

    经过一天半的努力,从官网下载的实例,然后更新几个js及顺序,最终实现了IE8可以显示饼图及其它图形。个别复杂图形可能会不好用,目前试到的就有一个3d的不好用,其它多数按照教程走都可以正常显示。

    highcharts3.0 API 离线版

    因官网不支持api文档下载,而在线访问的速度亲你是知道的,慢得要死。所以我花了一点时间扒下了文档,改了部分js,做了一个离线的API文档。(其中只有plotOptions里缺了errorbar和...本人在ie8\firefox中使用正常。

    Highcharts-7.2.0.zip

    Highcharts 是一个用纯 JavaScript 编写的一个图表库, 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。 Highcharts 支持的图表类型有直线...

    HighCharts 2.1.9 及API说明文档

    HightCharts 给予jQuery的图表绘制js库,功能十分强大,兼容性良好。此文件于2012-1-8下载自官方网站,压缩包包含highcharts库及其官方说明文档。

    Highcharts-8.2.0学习包.zip

    Highcharts-8.2.0学习包里面包含了各种图表的类库 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼状图、散布图;

    Highcharts-5.0.3.zip

    截至2016.11.22 最新版Highcharts 含原码和Demo md5: d4f3436aac521a1f4a4f13cda8b42c5a 大小:1.6 MB

    Highcharts实例+详解

    Highcharts 强大的jQuery图表制作功能 Highcharts是一个制作图表的Javascript类库,主要特性: 1、提示功能:鼠标移动到图表的某一点上有提示信息 ...8、时间轴:可以精确到毫秒 9、Ajax支持: 使用数组接受Ajax传值

    折线、双Y轴、不交叉、highcharts、按照日期分割线

    折线、双Y轴、不交叉、highcharts、按照日期分割线 折线、双Y轴、不交叉、highcharts、按照日期分割线

    java8看不到源码-highcharts-downsample:Highcharts的下采样插件

    java8 看不到源码highcharts-downsample:Highcharts 的下采样插件 添加一名作者 特别感谢:和 这个插件用于在渲染图表之前对数据进行下采样。 目的是尝试使用相当少的数据点保留原始线的视觉特征。 该插件中使用的...

    Highcharts入门之基本属性

    一.基本组成:  1.Highcharts包含标题(Title):主标题是必须的但是subTTitle不是必须  2.坐标轴(Axis):有x坐标(xAxis)和y坐标(yAxis)  3.... 4.... 5.... 7.版权信息(Credits):一般... 8.导出功能按钮(Expo

    HighCharts中文帮助文档

    8、Subtitle:副标题选项 13 9、xAxis:X轴选项 13 10、yAxis:Y轴选项 14 11、Series:数据列选项 15 12、plotOptions:数据点选项 17 13、Tooltip:数据点提示框 19 14、Legend:图例选项 20 15、Navigation按钮和...

    highcharts_trendline:HighCharts 散点图演示,包括一条趋势线

    Highcharts 趋势线示例 该项目说明了如何轻松地向图表添加趋势线。 注意:如果您正在寻找更完整的实现,请 。 用法 将regression.js脚本包含到您HTML 页面中。 给定您的源数据数组,提供一个调用fitData().data的...

    JS highcharts动态柱状图原理及实现

    实现一个柱状图,这个柱状图的高度在不停的刷新...@ page language=java import=java.util.* pageEncoding=UTF-8%&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Highcharts Example&lt;/title&gt; [removed][removed]

    jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】

    本文实例讲述了jQuery插件HighCharts绘制2D饼图效果。...meta charset="UTF-8"&gt; &lt;title&gt;HighCharts 2D饼图&lt;/title&gt; [removed][removed] [removed][removed] &lt;script type="text/jav

    highcharts-assignment-8:Highcharts的课堂作业

    Highcharts和JavaScript(作业8) 此存储库包含您的作业入门文件,包括Highcharts代码。 分叉此仓库(确保您已登录GitHub)。 克隆新的存储库,以便将其存储在硬盘上。 请记住将其保存到用于保存本课程所有项目的...

    jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】

    本文实例讲述了jQuery插件HighCharts绘制2D带Label的折线图效果。...meta charset="UTF-8"&gt; &lt;title&gt;HighCharts 2D带Label的折线图&lt;/title&gt; [removed][removed] [removed][removed] &lt;scrip

    Highcharts图表库-其他

    Highcharts是一个制作图表的纯Javascript类库。Highcharts主要特性:1、兼容性:兼容当今所有的浏览器...8、易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;9、时间轴:可以精确到毫秒;

    柱状图、折线图、饼状图 等图表插件Highcharts

    在theme中包含四种js是四种颜色样式,defaultSeriesType:为图表类型属性,主要包含8种,分别为 line折线图, spline曲线图, area填充图, areaspline平滑填充图, column柱状图, bar倒柱状图, pie饼状图 , scatter点位...

    jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】

    本文实例讲述了jQuery插件HighCharts绘制简单2D折线图效果。...meta charset=UTF-8&gt; &lt;title&gt;HighCharts 2D折线图&lt;/title&gt; [removed][removed] [removed][removed] &lt;script type=text

Global site tag (gtag.js) - Google Analytics