Flot中的轴标签

Question

有谁知道如何在Flot中设置轴的标签或标题？

我已经阅读了API,但它似乎没有这个功能......

谢谢 :)

Answer 1

没有内置的flot.

你最好的选择是通过定位的div自己做,但如果你喜欢冒险,你可以看看问题(或原始问题),看看其他人如何处理它.

具体来说,有两个人最近对flot进行了与标签相关的修订:

https://github.com/RuiPereira/flot/raw/axislabels/jquery.flot.axislabels.js

http://github.com/xuanluo/flot-axislabels

Answer 2

我正在使用此解决方法:

yaxis: {
tickFormatter: function(val, axis) { return val < axis.max ? val.toFixed(2) : "CZK/l";}
}

很简单,Y轴上的最大值被自定义字符串替换.我没有在X轴上进行测试,但我认为没有理由不应该这样做.

Answer 3

无耻的自我插件:我修复并大大扩展了xuanluo的flot-axislabels插件:http://github.com/markrcote/flot-axislabels/ 据我所知,它是目前轴标签的最佳解决方案.

Answer 4

我看到的一个很好的建议是将图形放在3x3表的中间.然后标签可以放在其他单元格中.

<table style="text-align:center">
  <tr>
    <td></td>

    <td>Plot Title Goes Here</td>

    <td> </td>
  </tr>

  <tr>
    <td>Y Axis Label</td>

    <td>
      <div id="graph here" style="width:600px;height:300px"></div>
    </td>

    <td></td>
  </tr>

  <tr>
    <td></td>

    <td>X Axis Label Goes Here</td>

    <td></td>
  </tr>

</table>