Javascript 创建具有最小-最大范围区域的剑道折线图

有没有办法创建一个剑道折线图，显示产品价格变化和动态计算的最小-最大范围面积（波段）？关于最小-最大值，将其计算为最近5周的算术平均值（周值可能超出范围）

我一直试图合并折线图和范围-面积图以实现此目的，但未成功，但仅显示折线系列。这就是我尝试静态操作的方式（稍后我将尝试从json文件获取数据）：

html{字体大小：14px；字体系列：Arial、Helvetica、sans serif；}
函数createChart（）{
$（“#图表”）。肯多卡特({
标题：{
正文：“产品价格”
},
图例：{
位置：“底部”
},
图表区：{
背景：“”
},
系列：[{
键入：“牧场面积”，
数据：[[5,11]，[5,13]，[7,15]，[10,17]]
}]，系列：[{
名称：“产品A”，
数据：[7,16,13,12,10]
},{
名称：“产品B”，
数据：[6,9,13,14,12]
},{
名称：“产品C”，
数据：[3,5,14,12,13]
}]，系列默认值：{
键入：“行”，
风格：“流畅”
}，valueAxis:{
标签：{
格式：“${0:n2}”
},
行：{
可见：假
},
axisCrossingValue:-10
},
类别：{
类别：[“第11周”、“第12周”、“第13周”、“第14周”、“第15周”]，
主要生产线：{
可见：假
},
标签：{
旋转：“自动”
}
},
工具提示：{
可见：对，
格式：“{0}%”，
模板：“#=series.name:#=value”
}
});
}
$（文档）.ready（创建图表）；
$（document）.bind（“剑道：皮肤变化”，createChart）；

---

关于

系列是单个阵列：

series: [{
        type: "rangeArea",
        data: [[5, 11], [5, 13], [7, 15], [10, 17]]
    },{
        name: "Product A",
        data: [7, 16, 13, 12, 10]
    },{
        name: "Product B",
        data: [6, 9, 13, 14, 12]
    },{
        name: "Product C",
        data: [3, 5, 14, 12, 13]
    }]

---

我不敢相信它这么简单，哈哈。它工作得非常好。谢谢你ezanker。

series: [{
        type: "rangeArea",
        data: [[5, 11], [5, 13], [7, 15], [10, 17]]
    },{
        name: "Product A",
        data: [7, 16, 13, 12, 10]
    },{
        name: "Product B",
        data: [6, 9, 13, 14, 12]
    },{
        name: "Product C",
        data: [3, 5, 14, 12, 13]
    }]