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

时间:2012-12-05 09:36:38

标签: jquery flot

我正在尝试将flot示例结合起来:

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

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

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

1 个答案:

答案 0 :(得分: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

找到更多示例