【问题标题】:Flot Graph for speed vs time速度与时间的浮动图
【发布时间】:2013-01-17 16:09:51
【问题描述】:

我正在尝试使用 flot 显示速度/时间图。我从 servlet 接收数据。 我有大量带有时间戳、速度、位置等的 GPS 跟踪事件。
如果用户选择查看 2 天的图表,则图表如下所示:

这是因为它们是 gps 事件之间的长时间停顿。 (水平方向是以小时为单位的时间,垂直方向是以公里/小时为单位的速度

现在,如果用户选择查看图表一小段时间,比如 10 小时或类似的时间(他们在 gps 事件中没有长时间的停顿),图表看起来很完美,如下所示:

创建图表的数据是here

如您所见,第一张图只是不可读,我的问题是如何使第一张图更具可读性。

【问题讨论】:

    标签: javascript jquery graph flot


    【解决方案1】:

    使用镜像对数刻度之类的东西。 Flot 允许您配置图表的步骤。

    类似(copied from here):

    xaxis: {
        transform: function (v) { return Math.log(v); },
        inverseTransform: function (v) { return Math.exp(v); }
    }
    

    【讨论】:

    • $.plot($("#placeholder"), [{data:d, points: { show: true, radius: 3}, lines:{show:true,fill:true}, xaxis: { transform: function (v) { return Math.log(v); }, inverseTransform: function (v) { return Math.exp(v); } } }] ); }
    • 类似的东西,但你应该使用转换函数来改变它以满足你的需要
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-06
    • 1970-01-01
    • 1970-01-01
    • 2013-01-31
    • 2019-02-25
    • 2015-02-16
    相关资源
    最近更新 更多