Flotgraph系列开/关,悬停,缩放/平移和跟踪

Question

我试图结合flot示例:

• http://people.iola.dk/olau/flot/examples/turning-series.html
• http://people.iola.dk/olau/flot/examples/navigate.html
• http://people.iola.dk/olau/flot/examples/tracking.html

到一个图表.感谢这个论坛的许多答案,我能够结合转向系列和导航; 预览:http://www.tryit.sg/flotmaster/example/ajax.php,但我似乎无法添加跟踪...

看起来,如果我编辑'标签',flot图表不会显示任何内容,因为标签不匹配.有没有技巧/黑客,所以我可以有一个x轴显示图例中这些图的价值？

我实际上设法添加了跟踪,但现在我无法添加多个轴,任何人都可以给我一个想法如何？

Answer 1

教程：Flot \xe2\x80\x93 如何创建多轴图表分解了所有其他组件；它非常详细，应该可以帮助您解决问题。这是示例中有关如何完成多个轴的相关代码片段。

\n\n

    yaxes: [\n        {\n            tickFormatter: function (val, axis) {\n                return val + "mm";\n            },\n            max: 65,\n            axisLabel: "Rainfall",\n            axisLabelUseCanvas: true,\n            axisLabelFontSizePixels: 12,\n            axisLabelFontFamily: "Verdana, Arial, Helvetica, Tahoma, sans-serif",\n            axisLabelPadding: 5\n        },\n        {\n            position: 0,\n            tickFormatter: function (val, axis) {\n                return val + "\\u00B0C";\n            },\n            max: 40,\n            axisLabel: "Temperature",\n            axisLabelUseCanvas: true,\n            axisLabelFontSizePixels: 12,\n            axisLabelFontFamily: "Verdana, Arial, Helvetica, Tahoma, sans-serif",\n            axisLabelPadding: 5\n        }\n    ],\n

\n\n

这是另一个例子：http ://people.iola.dk/olau/flot/examples/multiple-axes.html

\n\n

您可以通过使用优秀的 Google 搜索来找到更多示例：https://www.google.com/search ?q=flot+multiple+axes

\n