Javascript 动态图中散点和自定义条的组合_Javascript_Dygraphs_Scatter_Errorbar

Javascript 动态图中散点和自定义条的组合

javascript

Javascript 动态图中散点和自定义条的组合,javascript,dygraphs,scatter,errorbar,Javascript,Dygraphs,Scatter,Errorbar,我正在尝试用2个系列构建一个动态图一个类型：分散另一个类型：errorBars，但它似乎只能显示其中一个：这是我的代码： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="dygraph.js"></script> <link rel="stylesheet" src="dygraph.css" /> </head> <bo

我正在尝试用2个系列构建一个动态图一个类型：分散另一个类型：errorBars，但它似乎只能显示其中一个：

这是我的代码：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="dygraph.js"></script>
<link rel="stylesheet" src="dygraph.css" />
</head>
<body>

<div id="container" style="width:1000px; height:600px;"></div>
<script type="text/javascript">

new Dygraph(
document.getElementById("container"),
    [
        [new Date("2016/2/3"), [1,3,6], [4]],
        [new Date("2016/3/3"), [1,3,6], [3]],
        [new Date("2016/4/3"), [1,3,6], [1]],
        [new Date("2016/5/3"), [1,3,6], [2]],
        [new Date("2016/6/3"), [1,3,6], [6]],
        [new Date("2016/7/3"), [1,3,6], [5]]
    ],
{
    labels: [ "Date", "SD" , "Scatter"],
    showRangeSelector: true,
    customBars: true,
    drawPoints: true,
    series: {
        "SD" : {

        },
        "Scatter" : {
            customBars: false,
            strokeWidth: 0.0
        }
    },
    includeZero: true

}
);
</script>
</body>
</html>


新动态记录仪(
document.getElementById（“容器”），
[
[新日期（“2016/2/3”），[1,3,6]，[4]]，
[新日期（“2016/3/3”），[1,3,6]，[3]]，
[新日期（“2016/4/3”），[1,3,6]，[1]]，
[新日期（“2016/5/3”），[1,3,6]，[2]]，
[新日期（“2016/6/3”），[1,3,6]，[6]]，
[新日期（“2016/7/3”），[1,3,6]，[5]]
],
{
标签：[“日期”、“SD”、“分散”]，
showRangeSelector:对，
是的，
支点：对，
系列：{
“SD”：{
},
“分散”：{
海关：错，
冲程宽度：0.0
}
},
真的吗
}
);

如果customBars被注释掉，它将显示散点图。如果没有，则显示自定义栏。决不能两者兼而有之。这是你的电话号码

这是你的电话号码

任何帮助都将不胜感激！！

谢谢大家!

我不确定是否可以将自定义条形图与非自定义条形图混合使用。但我找到了解决你问题的下一个办法。为什么不创建不带custombar的图形作为不带custombar区域的custombar呢。下面我给你我的解决方案

我希望这能为您提供一个解决方案；）

newdygraph(
document.getElementById（“容器”），
[
[新日期（“2016/2/3”），[1,3,6]，[4,4,4]，
[新日期（“2016/3/3”），[1,3,6]，[3,3,3]，
[新日期（“2016/4/3”），[1,3,6]，[1,1,1]，
[新日期（“2016/5/3”），[1,3,6]，[2,2,2]，
[新日期（“2016/6/3”），[1,3,6]，[6,6,6]，
[新日期（“2016/7/3”），[1,3,6]，[5,5,5]]
],
{
标签：[“日期”、“SD”、“分散”]，
showRangeSelector:对，
是的，
支点：对，
系列：{
“SD”：{
},
“分散”：{
冲程宽度：1
}
},
真的吗
}
);

Hi@Justine，我无法运行您的JSFIDLE，因为未设置对动态图库的引用。您使用的是哪个版本？您能否修复JSFIDLE以运行您的示例。RegardsOk，我已经添加了外部源代码，它现在正在工作。我将设法找到解决办法；）您认为不能为每个系列设置custombar
（即数据格式）是正确的。你的变通方法是最好的选择。再见，欢迎你@Justine。如果你认为答案是正确的，你会赞成投票并把它标记为正确吗？谢谢@卢西迪奥瓦卡斯完成了！但我太新了，所以我的投票不会增加post分数：P