【问题标题】:how to size and align flot graphs如何调整浮动图的大小和对齐方式
【发布时间】:2012-06-22 03:27:43
【问题描述】:

默认情况下,flot 将图形和轴标签的大小固定在 div 容器内。如果您在页面上有一系列图表,每个图表中的变量不同,则轴标签的大小不同,因此图表画布的大小不同且对齐不整齐。

有没有办法设置浮动画布的大小和位置,以便图表在容器内具有固定的大小和位置

【问题讨论】:

    标签: jquery flot


    【解决方案1】:

    不完全是,不。您可以做的是指定轴标签的宽度/高度,这将迫使画布在不同的图形之间排列。

    来自API.txt

    "labelWidth" 和 "labelHeight" 指定刻度的固定大小 以像素为单位的标签。如果您需要对齐几个 情节。 “reserveSpace”表示即使没有显示轴,Flot 应该为它保留空间 - 它与 labelWidth 和 labelHeight 用于对齐多轴图表。

    除此之外,如果您希望图表之间的实际轴相同,则需要确定所有数据集之间每个轴的全局最小值/最大值,然后为每个图表中的每个轴指定该值.

    【讨论】:

    • 我遇到的问题是所有图表都有不同的变量,有些有多个 y 轴。但设法通过设置宽度和添加不可见的假 y 比例来哄他们全部排成一行,这样所有图表都有相同的数字。
    猜你喜欢
    • 1970-01-01
    • 2022-11-17
    • 1970-01-01
    • 1970-01-01
    • 2013-07-23
    • 1970-01-01
    • 2015-07-02
    • 2017-01-29
    • 1970-01-01
    相关资源
    最近更新 更多