jquery - jQuery Flot 插件 0.7 版的 line fill 属性导致图表结果无效

Question

我之前在网页中使用了 jquery flot v0.6，它可以正常工作，但此版本与 IE 9 不兼容。所以我将库升级到 0.7 版，但“行填充属性”不起作用并导致无效结果。

 datasets = {
            "total": {
                label: "total",
                data:total,
                *lines: { show:true,fill:true },*
                color:"rgb(255, 128,0)"

            }
            }

v0.6 中的图表预览：

v0.7中的问题是这样的（使用相同的数据）：

但是当我设置 fill:false 它工作得很好，但我想填充曲线下的空间

Answer 1

问题实际上在于比例，而不是填充本身。在 0.7 Flot 中总是从零开始填充。由于您的数据间隔非常紧密（~26850 到 26920），因此最终看起来像一条直线。

不幸的是，没有简单的解决方案。在 0.7 中，您唯一真正的选择是迭代数据以手动计算最小值，并将其设置为绘图的最小值。

展望未来，即将合并到主分支中的更改将恢复旧功能并提供在零或自动最小值之间切换的选项。