Flot图表系列开/关、悬停、缩放/平移和跟踪

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

感谢来自本论坛的许多答案，我能够将turning-series和navigate组合起来；预览：http://www.tryit.sg/flotmaster/example/ajax.php ，但我似乎无法添加tracking...

似乎如果我编辑了'labels'，flot图表就不会显示任何内容，因为标签不匹配。有什么技巧/黑客技术可以使我能够在图例中显示这些绘图的值的x轴吗？

我实际上设法添加了跟踪，但现在我无法添加多个轴，有人能给我一个想法吗？

- user1878466

---

你提供的示例链接返回了很多404错误。 - Mark

哦，我的错，由于我作为新用户的声誉问题，我无法发布多于一个链接。因此我将链接保留到我目前拥有的示例中。 - user1878466

Answer 1

Flot教程 - 如何创建具有多个轴的图表详细介绍了所有其他组件；它非常详细，应该能帮助您解决问题。以下是示例中相关代码片段，演示如何实现多个轴。

    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

- JSuar