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

jquery flot x轴时间差8小时问题

阅读更多

使用flot时x轴为时间数据从后台传时间过来,但现实后发现显示的是UTC时间,跟本地时间差8小时,查了下资料用tickFormatter解决了。

var options = {
        lines: { show: true },
        points: { show: true },
        grid: { hoverable: true},
        xaxis: { 
        	mode: "time",
        	timeformat: "%H:%M:%S",
        	tickFormatter: function (val, axis) {
	            var d = new Date(val);
	            return d.toLocaleTimeString();//转为当地时间格式
	        }
        }
    };
 
分享到:
评论

相关推荐

    jquery flot 使用笔记

    **jQuery Flot 使用笔记** jQuery Flot 是一个用于在网页上绘制高质量图形的开源库,它基于 jQuery,因此易于集成到任何使用 jQuery 的项目中。这个库提供了丰富的选项和插件,可以创建出各种各样的图表,包括折线...

    jQuery flot API文档 中文版

    jQuery flot API文档 中文版 以下是从给定的文件信息中生成的相关知识点: 1. jQuery flot API的plot函数调用方法: var plot = $.plot(placeholder, data, options) 其中,placeholder可以是JQuery对象、DOM...

    jquery flot 实现实时折线图

    `jQuery Flot` 是一个基于 jQuery 的开源图表库,它允许开发者轻松地在网页上创建出各种复杂的图形,包括折线图、柱状图、饼图等。在本实例中,我们将关注如何使用 `jQuery Flot` 实现实时更新的折线图。实时更新的...

    jQuery flot 0.5jar包

    接着,我们定义了要绘制的数据(两个系列)和图表的配置(如线条显示、点显示、x 轴和 y 轴的刻度)。最后,我们调用 `$.plot()` 函数将数据和配置传入,生成图表。 总之,jQuery Flot 0.5 是一个功能强大且易于...

    jquery flot 时间曲线图

    《jQuery Flot时间曲线图详解》 在网页开发中,数据可视化是不可或缺的一部分,它能够帮助用户更好地理解和分析数据。jQuery Flot是一个优秀的JavaScript库,专门用于创建高质量的图表,尤其是时间序列数据的曲线图...

    jquery.flot.js

    Flot类库基于jQuery,支持绘制实时和可进行交互的图表

    JQuery Flot 统计图

    3. **jquery.flot.pack.js**:压缩版本的主库,用于减少页面加载时间。 4. **excanvas.js** 和 **excanvas.pack.js**:这些是针对 Internet Explorer 的兼容性库,使得在 IE 浏览器中也能使用 canvas 功能。 5. **...

    jquery flot画图

    本篇将深入探讨如何利用jQuery Flot来绘制堆栈图,并了解当时间作为X轴或Y轴时的数据处理方法。 ### 一、jQuery Flot 基础 jQuery Flot 是一个基于jQuery的开源图形库,它允许开发者用纯JavaScript在网页上绘制...

    flot_基于jQuery的插件

    核心库提供基本的绘图功能,而扩展组件如`jquery.flot.stack.js`用于堆叠数据系列,`jquery.flot.time.js`则支持时间轴,这些扩展极大地增强了Flot的功能。 Flot的中文翻译API对于中文使用者来说是一大福音,它降低...

    Jquery Flot Pyramid Master

    **jQuery Flot Pyramid Master** 是一个基于 jQuery 的数据可视化库,专门用于创建金字塔图表。Flot 是一个流行的、开源的 JavaScript 图表库,它利用 HTML5 的 Canvas 元素来绘制图表,支持多种类型的图表,如线图...

    jQuery_flot的相关文件.rar

    Flot社区提供了许多插件,如时间轴支持(`jquery.flot.time.js`)、图像数据(`jquery.flot.image.js`)和堆积图(`jquery.flot.stack.js`)。根据项目需求,可以引入并使用这些插件以扩展Flot的功能。 ### 8. **...

    JQuery Flot 画图插件 +实例源码 使用非常方便,效果非常漂亮

    JQuery Flot是一款基于JavaScript和jQuery的开源图表绘制库,它允许开发者在网页上创建出交互式的、高质量的图表。Flot以其简单易用、功能强大而受到许多开发者的青睐,尤其适合那些需要在Web应用中展示数据可视化...

    jQueryflot图表插件

    8. **插件扩展**:除了基本功能,Flot还有一系列插件,如pie插件用于饼图,stack插件用于堆积图表,time插件处理时间轴,以及zoom和pan插件实现缩放和平移操作。 9. **实例分析**:压缩包中的基本实例可能包括了...

    jquery.flot.axislabels.js

    jquery.flot.axislabels.js

    jquery绘图插件-flot

    Flot社区开发了许多插件,扩展了其功能,如跨图例选择、时间轴支持、热力图等。这些插件可以让Flot满足更复杂的需求。 总的来说,Flot是一个强大且灵活的绘图库,适用于需要在网页上展示数据的项目。它的API丰富,...

    jquery 图表插件Flot

    7. **社区活跃**:由于其开源性质,Flot有一个活跃的开发者社区,不断有新的插件和扩展被开发出来,如对触摸设备的支持、时间轴插件等,这些扩展极大地丰富了Flot的功能。 在使用Flot时,开发者通常会遵循以下步骤...

    flot一个基于jQuery有吸引力的JavaScript图表

    4. **数据支持**:Flot能够处理时间序列数据,提供良好的时间轴支持。同时,它也支持动态更新数据,使得图表可以实时反映出数据的变化。 5. **兼容性**:Flot是基于jQuery的,因此它可以无缝集成到任何使用jQuery的...

    jquery.flot.time.js

    jquery.flot.time.js

    【jquery 图表插件】jqplot,highchart,jschart,flot

    众所周知,通过jquery可以实现很好的图表效果,并且代码易懂,容易扩展,这里提供有jqplot中文API:http://www.jqplot.com/;... 另外,还有jschart和flot,虽然不常用,但是可以作为学习参考使用。

Global site tag (gtag.js) - Google Analytics