Question

我无法绑定我的flot折线图。下面是我的样本数据，也有日期coloumn。什么应该是日期格式的格式。我们还需要在$ .plot中设置更多选项，如x轴和y轴：

    [
  {
    "label": "\/Date(1433529000000+0530)\/",
    "data": 200.00
  },
  {
    "label": "\/Date(1436121000000+0530)\/",
    "data": 150.00
  },
  {
    "label": "\/Date(1438799400000+0530)\/",
    "data": 1500.00
  },
  {
    "label": "\/Date(1441477800000+0530)\/",
    "data": 10000.00
  },
  {
    "label": "\/Date(1444069800000+0530)\/",
    "data": 500.00
  },
  {
    "label": "\/Date(1446748200000+0530)\/",
    "data": 5000.00
  },
  {
    "label": "\/Date(1449340200000+0530)\/",
    "data": 150.00
  }
]

Answer 1

默认flot数据格式是数组数组，而不是对象。将您的数据更改为以下格式。并且您不需要任何选项，如果您不指定它们，flot将使用默认选项。但是，由于您为x轴使用时间值，因此应在选项中使用mode: time。这一起导致了这样的事情：

var data = [
    [1433529000000, 200.00],
    [1436121000000, 150.00],
    [1438799400000, 1500.00],
    [1441477800000, 10000.00],
    [1444069800000, 500.00],
    [1446748200000, 5000.00],
    [1449340200000, 150.00]
];
var options = {
    series: {
        mode: 'time'
    }
};
$.plot('#placeholder', [data], options);

无法绑定线Flot Chart

1 个答案: