Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.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 动态切换/添加/删除序列时,堆叠条形图yAxis plotbands宽度正在更改_Javascript_Angularjs_Highcharts - Fatal编程技术网

Javascript 动态切换/添加/删除序列时,堆叠条形图yAxis plotbands宽度正在更改

Javascript 动态切换/添加/删除序列时,堆叠条形图yAxis plotbands宽度正在更改,javascript,angularjs,highcharts,Javascript,Angularjs,Highcharts,这是我第一次给出5个PlotBand及其精细值,当我添加系列并移除/切换堆叠条形图上的系列PlotBand时,宽度将增加,需要与初始值相同。 我不想改变图表或绘图的带宽 这是我的密码 chart.yAxis.plotBands = []; var compaserlen = chart.series.length - 1; chart.yAxis.tickInterval = 20 * compaserlen; var st

这是我第一次给出5个PlotBand及其精细值,当我添加系列并移除/切换堆叠条形图上的系列PlotBand时,宽度将增加,需要与初始值相同。 我不想改变图表或绘图的带宽

这是我的密码

chart.yAxis.plotBands = [];
            var compaserlen = chart.series.length - 1;
            chart.yAxis.tickInterval = 20 * compaserlen;
            var stfromval = 0;
            var sttoval = 20 * compaserlen;
            var colorstackplot = ['#D5D5D6', '#E0E1E1', '#EAEAEB', '#F5F5F6', '#F7F7F8'];
            for (var i = 0; i < 5; i++) {
                console.log("compaserlen", compaserlen);
            chart.yAxis.plotBands.push({
                    from: stfromval,
                    to: sttoval,
                    color: colorstackplot[i]
                });
                stfromval = sttoval;
                sttoval = sttoval + (20 * compaserlen);
            }
chart.yAxis.plotBands=[];
var compaserlen=chart.series.length-1;
chart.yAxis.tickInterval=20*compaserlen;
var stfromval=0;
var sttoval=20*compaserlen;
var colorstackplot=['#D5D5D6'、'#e0e11'、'#eaeb'、'#F5F5F6'、'#F7F7F8'];
对于(变量i=0;i<5;i++){
console.log(“compaserlen”,compaserlen);
chart.yAxis.plotBands.push({
发件人:stfromval,
致:sttoval,
颜色:colorstackplot[i]
});
stfromval=sttoval;
sttoval=sttoval+(20*compaserlen);
}

您需要禁用
ignoreHiddenSeries
属性:

chart: {
    ignoreHiddenSeries: false
}

现场演示:


API参考:

您需要禁用
ignoreHiddenSeries
属性:

chart: {
    ignoreHiddenSeries: false
}

现场演示:


API参考:

Hi@shirisha,你能在一些在线代码编辑器中重现这个问题吗?您可以从:@ppotaczek感谢您的回复,简单地说,问题在于堆叠图我正在通过visible false和true切换序列,如果我切换开关visible is false,并且在禁用时在图中禁用,图yaxis plotbands正在更改我只想通过disableHi@shirisha稳定一切,你能在一些在线代码编辑器中重现这个问题吗?您可以从以下内容开始:@ppotaczek谢谢您的回复,简单地说,问题在于堆叠图形我正在通过visible false和true切换系列,如果我切换开关visible is false,并且在禁用时在图形中禁用,图形yaxis plotbands正在更改我只想通过Disables稳定一切谢谢!!作为响应,但在这里它显示了锁定图中的间隙。如果我切换序列,我不想显示间隙。例如,在这个图中,如果我们切换图例,如果您观察到绘图带正在更改,但我不想移动,则只应禁用序列。请检查此示例:这是您需要的吗?是的,但这里yAxis ticker值应该更新,就像最初我有一个系列,当时我有[0,20,40,60,80,100]是yaxis值,我又添加了第二个系列,更新了值[0,40,80,120,160,200],就像这样。。。如果我再次切换图例,它应该会更新yaxis vallues。你能在这里帮助我吗@ppotaczek谢谢。谢谢!!作为响应,但在这里它显示了锁定图中的间隙。如果我切换序列,我不想显示间隙。例如,在这个图中,如果我们切换图例,如果您观察到绘图带正在更改,但我不想移动,则只应禁用序列。请检查此示例:这是您需要的吗?是的,但这里yAxis ticker值应该更新,就像最初我有一个系列,当时我有[0,20,40,60,80,100]是yaxis值,我又添加了第二个系列,更新了值[0,40,80,120,160,200],就像这样。。。如果我再次切换图例,它应该会更新yaxis vallues。你能在这里帮助我吗@ppotaczek谢谢。