jquery - 流程图系列开/关、悬停、缩放/平移和跟踪

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 ，但是我似乎无法添加跟踪...

看起来，如果我编辑“标签”，则浮点图不会显示任何内容，因为标签不匹配。是否有技巧/技巧，以便我能够在 x 轴上显示图例中这些图的值？

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

Answer 1

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

    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