在 Flot 图表上组织棒轴标签

Question

我正在使用 Flot 图表，当我在 x 轴上有很多标签时，信息被截断了。

我需要更改标签角度才能正确显示信息，如下所示：

我该怎么做？我读了一些关于 xaxis 的 labelAngle: 45 属性的内容，但这不起作用。当我使用此属性时，图表中没有任何变化。

xaxis: {
        show: true,
        mode: "time", 
        ticks: xaxisLabel,
        //timeformat:"%d/%m/%y %H:%M",
        timeformat: ( ($('#periodo').val() == "0") || ($('#periodo').val() == "1"))?"%H:%M":"%d/%m/%y",
        timezone: "browser",
        tickSize: [4, 'hour']
      }

Answer 1

Flot 默认不支持旋转标签。您需要定义一些自定义 CSS（例如 answer) or use a plugin, for example tickrotor（使用 xaxis.rotateTicks 属性而不是 labelAngle）。

在 Flot 图表上组织棒轴标签

Organizing stick axis labels on Flot chart

javascript

jquery

charts

flot