Question

我已经阅读了API，但我不确定我对数据做了什么，以便获得有意义的轴值。

这是我的数据的一小部分：

  $scope.data = [
    { "plate": "CAR", "date": "2016-10-21" },
    { "plate": "CAS", "date": "2016-10-23", "tags": [ "unreliable" ] },
    { "plate": "CAT", "date": "2016-10-24" },
    { "plate": "CAU", "date": null,         "tags": [ "unused" ] },
    { "plate": "CAV", "date": "2016-11-05" },
    { "plate": "CAW", "date": "2016-11-10" },
    { "plate": "CAX", "date": "2016-11-10" }
  ];

我希望X轴标有印版，Y轴标有日期。

这是一个有效的工作人员： https://jsfiddle.net/u4p8vcc0/12/

按照此示例：http://www.jqueryflottutorial.com/tester-9.html我已添加“模式：时间＆＃39;选项，但这只是默认范围为0-1000。

我仍然不确定如何将数据转换为刻度。

（是的，原谅jQuery使用angular .flot.js 需要 jQuery，所以...）

Answer 1

您可以使用categories模式作为x轴，time模式作为y轴，并使用所需的数据格式填充enhancedData数组。取代

enhancedData.push([idx, item.daysElapsed]);

与

enhancedData.push([item.plate, item.dateObj.valueOf()]);

有关完整示例，请参阅this fiddle。

在flotgraph中制作自定义轴

1 个答案: