【问题标题】:Flot graph align the data points in equidistance浮动图以等距离对齐数据点
【发布时间】:2014-06-18 16:19:02
【问题描述】:

当有每周数据的折线图视图时,如何使点在 flotgraph 中等距对齐

flot graph 插件中的任何方法??

【问题讨论】:

  • 一切都在您的数据中,flot 将绘制您提供的内容。
  • 我将发送一个数据,但我应该如何处理 2 个数据点之间的空间
  • 数据系列是一个点数组,其中每个点由(至少)一个 x 和 y 坐标组成:[[x1, y1], [x2, y2], ...]。如果您希望数据点在 x 轴上均匀分布(这就是您想要的,对吗?)您必须调整数据系列中的 x 坐标。
  • "data":[[1391193000000,0],[1393612200000,0],[1396290600000,0],[1398882600000,361.97] 这就是我发送数据的方式,而且没有我在哪里可以发送x坐标..你能详细说明一下吗
  • 这是一个使用您的数据的fiddle,它显示了等距的数据点。

标签: jquery flot


【解决方案1】:

如果使用具有时间戳的每周值恰好相隔一周,那么您的点将在 x 轴上等距。

一般来说,如果您希望数据不等距的图表中的点等距,请使用类别插件(exampleexample code)。

基本代码:

var data = [ ["April", 13], ["May", 17], ["June", 9] ];

$.plot("#div", [ data ], {
    series: {
        lines: {
            show: true
        },
        points: {
            show: true
        }
    },
    xaxis: {
        mode: "categories"
    }
});

【讨论】:

  • 我将使用该模式,但日期是动态的.. 逻辑是星期是从星期一到星期日,所以如果用户选择的第一个日期是太阳,那么只有太阳被绘制在第一点,下一点包含从第二天开始,即周一至日
猜你喜欢
  • 2017-11-25
  • 2018-06-20
  • 2010-12-28
  • 2021-05-16
  • 2018-07-06
  • 2015-09-17
  • 1970-01-01
  • 1970-01-01
  • 2013-06-08
相关资源
最近更新 更多