使用不显示标签的类别绘制多线图

Question

我正在尝试使用flot js渲染多线图。我想用自定义文本显示x轴，并在图表端点显示标签。 这是我的js fiddle链接。

GMT

我使用以下插件：flot-dashes，flot-labels，flot-categories

当我使用类别插件时，标签不会显示在折线图中。

Answer 1

问题是，标签插件试图从["2018-Jan", ...]函数获取plot.pointOffset()处的点的位置，但只有在获得数字值时才能计算位置。您可以通过不使用类别插件并自己实现类别模式来解决此问题。为此，将数据更改为

var d1 = [
    [0, 0.35],
    [1, 0.34],
    [2, 0.45],
    [3, 0.77],
    [4, 1.07]
];

并在选项中为xaxis提供ticks数组：

ticks: [[0, "2018-Jan"], [1, "2018-Feb"], [2, "2018-Mar"], [3, "2018-Apr"], [4, "2018-May"]]

有关完整的工作示例，请参阅此updated fiddle。