Flotgraph 系列开/关、悬停、缩放/平移和跟踪答案

【问题标题】：Flotgraph series on/off, hover, zoom/pan and trackingFlotgraph 系列开/关、悬停、缩放/平移和跟踪
【发布时间】：2012-12-05 09:36:38
【问题描述】：

我正在尝试结合 flot 示例：

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

看起来，如果我编辑“标签”，浮动图不会显示任何内容，因为标签不匹配。有没有什么技巧/窍门，所以我可以有一个 x 轴来显示图例中这些图的值？

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

【问题讨论】：

您的示例链接引发了很多 404 错误。
哦，我的错，由于我作为新用户的声誉，我不能发布超过 1 个链接。所以我保留了指向我目前拥有的示例的链接。

标签： jquery flot

【解决方案1】：

Tutorial: Flot – How to Create Charts with Multiple Axes 分解所有其他组件；它非常详细，应该可以帮助您解决问题。这是示例中有关如何完成多个轴的相关代码sn-p。

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

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

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

【讨论】：