Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/kubernetes/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript nvd3.js如何制作历史多柱状图?_Javascript_D3.js_Nvd3.js - Fatal编程技术网

Javascript nvd3.js如何制作历史多柱状图?

Javascript nvd3.js如何制作历史多柱状图?,javascript,d3.js,nvd3.js,Javascript,D3.js,Nvd3.js,我有多个带标签的数据集,x轴上有日期,y轴上有整数,我正在使用nvd3.js的multiBarChart进行叠加 因为x轴数据是稀疏的(日期之间有固定的间隔,但并非所有日期都有数据),所以x轴将每个堆叠条并排放置,而不是保留x轴上数据点之间的时间/日期相对距离 我希望x轴像历史条形图一样保留其时间/日期间隔。nvd3.js是否可以使用历史多柱状图 如果是,我该如何配置它(我尝试过各种x轴设置)?如果不是,我最好的选择是使用单独的历史条形图,一个用于一组数据,还是有其他方法来实现这一点?也许您可以

我有多个带标签的数据集,x轴上有日期,y轴上有整数,我正在使用nvd3.js的multiBarChart进行叠加

因为x轴数据是稀疏的(日期之间有固定的间隔,但并非所有日期都有数据),所以x轴将每个堆叠条并排放置,而不是保留x轴上数据点之间的时间/日期相对距离

我希望x轴像历史条形图一样保留其时间/日期间隔。nvd3.js是否可以使用历史多柱状图


如果是,我该如何配置它(我尝试过各种x轴设置)?如果不是,我最好的选择是使用单独的历史条形图,一个用于一组数据,还是有其他方法来实现这一点?

也许您可以尝试将这些x值的y值设置为
0
null
未定义的

听起来您没有使用时间刻度/轴作为x轴。你能发布你的代码吗?我的代码是数据驱动的,所以我会尝试列出这个特定案例的步骤。数据=[{key:'Bar1',值:[{x:a_-date,y:a_-value},…]}{key:'Bar2',值:[{x:another_-date,y:another_-value},…]};chart=nv.models.multiBarChart().stacked(true);d3.选择(元素).基准(数据).调用(图表);非常感谢。不幸的是,它不起作用(我已经试过了),因为它只是用于显示记号(它强制每个记号都显示一个文本条目),而不是分隔轴。这就是我最终要做的,但是通过添加值来改变显示是非常缓慢和低效的。我真的很想找到一种方法,使它像历史条形图(不需要添加点)。