彎折線折線圖

Question

我無法綁定浮動圖表。 以下是我的示例數據，其中也包含日期列。 日期格式應該是什么格式。 我們還需要在$ .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);