Question

尝试将标签添加到实时flot图表中。图表显示但没有任何标签。

原始代码：

var plot = $.plot("#placeholder", [ getRandomData() ], {
                series: {
                    shadowSize: 0,
                    lines: { show: true, fill: true}
                },
                yaxis: {
                    min: 0,
                    tickDecimals:0

                },
                xaxis: {
                    show: false
                }
            });

我试过了：

var plot = $.plot("#placeholder", [{ label: "Axis title", data: getRandomData() }], {
                series: {
                    shadowSize: 0,
                    lines: { show: true, fill: true}
                },
                yaxis: {
                    min: 0,
                    tickDecimals:0

                },
                xaxis: {
                    show: false
                }
            });

我做错了什么？

谢谢！

Answer 1

Flot不支持轴标签（但看起来这可能会出现在v0.9中）。

虽然可以使用flot-axislabels plugin来渲染轴标签。您需要修改源代码以包含此依赖项，然后您可以将以下内容添加到flot选项：

xaxes: [{
  axisLabel: 'My Label',
}],

但您必须从原始代码中删除以下内容（否则不会呈现x轴）：

xaxis: {
    show: false
}

我创建了一个Fiddle来证明这一点。请注意，这将显示x轴刻度。如果要删除x轴刻度但仍显示标签，可以添加以下选项：

xaxis: {
  tickFormatter: function(val, axis) { return ''}
}

此Fiddle显示带有x轴标签但没有x轴刻度的渲染图表。

标签上没有显示的实时flot图表

1 个答案: