Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/mercurial/2.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中绘制带间隙的堆叠面积图?_Javascript_Nvd3.js - Fatal编程技术网

Javascript 是否可以在nvd3中绘制带间隙的堆叠面积图?

Javascript 是否可以在nvd3中绘制带间隙的堆叠面积图?,javascript,nvd3.js,Javascript,Nvd3.js,我用nvd3创建了这个多图表。背景中有3个标有背景1..3的区域图。我只想显示背景1和背景3乐队,跳过中间部分。是否可能在带之间创建“间隙”?我试图将中间带的颜色设置为白色,这可能是一个快速的解决办法,但在这种情况下,它仍然出现在顶部的图例列表中。我希望有一种不用任何变通方法就能做到这一点 以下是我当前版本的一个插件: var-app=angular.module('plunker',['nvd3']); 应用程序控制器('MainCtrl',函数($scope){ $scope.option

我用nvd3创建了这个多图表。背景中有3个标有背景1..3的区域图。我只想显示背景1和背景3乐队,跳过中间部分。是否可能在带之间创建“间隙”?我试图将中间带的颜色设置为白色,这可能是一个快速的解决办法,但在这种情况下,它仍然出现在顶部的图例列表中。我希望有一种不用任何变通方法就能做到这一点

以下是我当前版本的一个插件:

var-app=angular.module('plunker',['nvd3']);
应用程序控制器('MainCtrl',函数($scope){
$scope.options={
图表:{
类型:“multiChart”,
身高:450,
保证金:{
前30名,
右:60,
底数:50,
左:70
},
颜色:d3.scale.category10().range(),
//useInteractiveGuideline:对,
持续时间:500,
xAxis:{
格式:函数(d){
返回d3.format(',f')(d);
}
},
yAxis1:{
格式:函数(d){
返回d3.format(',.1f')(d);
}
},
yAxis2:{
格式:函数(d){
返回d3.format(',.1f')(d);
}
}
}
};
$scope.data=generateData();
函数generateData(){
返回[{
类型:'bar',
亚克西斯:1,,
关键字:“数据”,
价值观:[{
x:‘2016-11-20T00:00:00.000Z’,
y:12
}, {
x:‘2016-11-21T00:00:00.000Z’,
y:14
}, {
x:‘2016-11-22T00:00:00.000Z’,
y:11
}]
},{
类型:'区域',
亚克西斯:1,,
关键词:“背景1”,
价值观:[{
x:0,,
y:5
}, {
x:1,
y:5
}]
}, {
类型:'区域',
亚克西斯:1,,
关键:“背景2”,
价值观:[{
x:0,,
y:5
}, {
x:1,
y:5
}]
}, {
类型:'区域',
亚克西斯:1,,
关键:“背景3”,
价值观:[{
x:0,,
y:5
}, {
x:1,
y:5
}]
}]
}
});

Angular-nvD3多图表
文件。写(“”);


没有代码就无法提供有效答案。我编辑了问题并添加了一个plunker。