如何在不将F轴中的y轴强制为零的情况下填充折线图？

Question

我有一个Flot图表设置，其中包含以下系列配置：

{
    series: {
        shadowSize: 0,
        lines: {
            // fill: true,
            fillColor: { colors: [{ opacity: 0 }, { opacity: 0.5 }] }
        }
    }
}

如果没有将fill设置为true，我得到的结果就是我想要的布局，它会自动将y轴的下限设置为最低数据点值附近：

如果我将fill设置为true，我会得到我想要的渐变填充，但y轴会下降到零：

希望这只是一个快速的配置修复，也可以提供有关此问题的更好标题的建议。

Answer 1

将您的代码更改为：

series: {
    shadowSize: 0,
    lines: {
        fill: true,
        zero: false,
        fillColor: { colors: [{ opacity: 0 }, { opacity: 0.5 }] }
    }
}

来自documentation：

  

区域和条形图通常从零开始，无论数据的范围如何。这是因为它们通过大小传达信息，并且从不同的值开始会扭曲它们的含义。然而，在填充纯粹用于装饰目的的情况下，＆＃34;零＆＃34;允许您覆盖此行为。对于实线和条形，它默认为true;将其设置为false会告诉系列使用与未填充行相同的自动缩放。