Javascript 将标准偏差绘制为sapui5折线图背景中的阴影

我在sap.viz.ui5.Line图表中绘制了一些测试性能数据，它按照我的要求工作。 数据绑定使用JSON模型，由ajax调用生成。 现在我想在背景中显示一个类似于灯条的东西，显示测试结果的标准偏差。 折线图代码：

var oDataset = new sap.viz.ui5.data.FlattenedDataset("ds", {
        dimensions : [ {
            axis : 1,
            name : "time",
            value : "{time}"
        } ],
        measures : [ {
            name : "result",
            value : "{result}"
        } ]
    });
var oChart = new sap.viz.ui5.Line("chart", {
        width : "1200px",
        height : "750px",
        title : new sap.viz.ui5.types.Title({
            visible : true,
            text : "Test performance by unit"
        }),
        dataset : oDataset,
        noData : oTextView
    });

当前的绘图如下所示（示例）：

我希望它就像一个水平条，中间是平均值，周围是标准差。 有人有想法吗

编辑：

我想要实现的是这样的目标（可能不是stddev，但这是一个示例）：

您可能会以某种方式使用“参考线”，但我认为没有属性来定义它的水平方向和垂直方向：

但我认为显示第二行的方法会更简单，定义第二个度量：

var oDataset = new sap.viz.ui5.data.FlattenedDataset("ds", {
        dimensions : [ {
            axis : 1,
            name : "time",
            value : "{time}"
        } ],
        measures : [ 
          { name : "result",
            value : "{result}" }, 
          { name : "result2",
            value : "{result2}" } 
          ]
    });

然后计算服务中的标准偏差（并始终为服务指定标准偏差值）->这将显示一条水平线（因为所有值都是相同的）-与您为结果所做的相同，您只需定义结果2，它将显示另一条线（相同的值使该线水平）

如果您拥有SAP后端，则必须使用另一个属性（事务SEGW）扩展您的实体

其他例子：
折线图：

---

数据集定义：

其他更好的选择是使用参考线。我认为这更简单，更适合您的需要：

oVizFrame.setVizProperties({

绘图区域：{

参考线：{

行：{

主要值：[{

数值：80

颜色：“0000FF”

键入：“行”

标签：{

文本：“最小值”

}

},

{

数值：100

颜色：“FF0000”

键入：“行”

标签：{

文本：“最大值”

},

}]

}

}

}

---

})

为平均值添加第二行也是我的第一个解决方案，但出于可用性原因，我希望在平均值周围有一个带标准偏差的彩色区域。我不是数学专家，不看示例就知道你的意思，但请尝试查看以下链接：搜索“VizFrame”-这里有几个最新的高端示例，这是图表所能提供的。正如我在第一个答案（与您的答案完全相同）中所解释的，参考线并不是问题的答案。我想要一个彩色区域作为参考线之间区域的背景。到目前为止（在我提出这个问题的过去两年中），viz库发生了很大的变化，因此应该仔细阅读这个问题。