Charts 隐藏序列时重新缩放google折线图X轴

Charts 隐藏序列时重新缩放google折线图X轴,charts,google-visualization,Charts,Google Visualization,当使用以下代码单击图例时,我正在谷歌折线图中隐藏/显示序列: var columns = []; var series = {}; for (var i = 0; i < data.getNumberOfColumns(); i++) { columns.push(i); if (i > 0) { series[i - 1] = {}; } } google.visualization.ev

当使用以下代码单击图例时,我正在谷歌折线图中隐藏/显示序列:

    var columns = [];
    var series = {};
    for (var i = 0; i < data.getNumberOfColumns(); i++) {
      columns.push(i);
      if (i > 0) {
        series[i - 1] = {};
      }
    }

    google.visualization.events.addListener(chart, 'select', function () {
        var sel = chart.getSelection();
        // if selection length is 0, we deselected an element
        if (sel.length > 0) {
            // if row is undefined, we clicked on the legend
            if (sel[0].row === null) {
                var col = sel[0].column;
                if (columns[col] == col) {
                    // hide the data series
                    columns[col] = {
                        label: data.getColumnLabel(col),
                        type: data.getColumnType(col),
                        calc: function () {
                            return null;
                        }
                    };

                    // grey out the legend entry
                    series[col - 1].color = '#CCCCCC';
                }
                else {
                    // show the data series
                    columns[col] = col;
                    series[col - 1].color = null;
                }
                var view = new google.visualization.DataView(data);
                view.setColumns(columns);
                chart.draw(view, burndown_options);
            }
        }
    });
var列=[];
var级数={};
对于(var i=0;i0){
系列[i-1]={};
}
}
google.visualization.events.addListener(图表,'select',函数(){
var sel=chart.getSelection();
//如果选择长度为0,则取消选择一个元素
如果(选择长度>0){
//如果行未定义,则单击图例
如果(sel[0]。行===null){
var col=sel[0]。列;
if(列[col]==col){
//隐藏数据系列
列[col]={
标签:data.getColumnLabel(col),
类型:data.getColumnType(col),
计算:函数(){
返回null;
}
};
//灰色显示图例条目
系列[col-1]。颜色='#cccc';
}
否则{
//显示数据系列
列[col]=col;
系列[col-1]。颜色=null;
}
var view=newgoogle.visualization.DataView(数据);
view.setColumns(列);
图表绘制(视图、燃尽选项);
}
}
});
隐藏序列时,Y轴会自动重新缩放自身。有没有办法让X轴重新缩放


这是一个包含我的代码和数据的jsfiddle:

尽管返回
null可以排除视图中的列,
所有行仍然存在,
这就是为什么x轴没有改变

我们必须排除所有值都为空的行,
以便重新缩放x轴

// exclude rows where all columns = null
var rows = [];
var validRow;
for (var r = 0; r < view.getNumberOfRows(); r++) {
  validRow = null;
  for (var c = 1; c < view.getNumberOfColumns(); c++) {
    validRow = validRow || view.getValue(r, c);
  }
  if (validRow !== null) {
    rows.push(r);
  }
}
view.setRows(rows);
//排除所有列均为null的行
var行=[];
瓦尔·瓦利德罗;
对于(var r=0;r
请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(图纸);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('string','Day');
data.addColumn('number','S1');
data.addColumn('number','S2');
data.addColumn('number','S3');
data.addColumn('number','S4');
数据。添加列(“编号”、“S5”);
数据。添加列(“编号”、“S6”);
变量行=[
[“2019年11月”,空,空,92617.19,空,92617.19,空],
[“2019年12月”,空,空,92617.19,空,92617.19,空],
[“2020年1月”,3251.8416259.292617.1192002.0294619.2,空],
[“2020年2月”,3251.8416259.22617.194004.0396621.22,空],
[“2020年3月”,6503.68,32518.4,92617.19,8008.06,100625.25,空],
[“2020年4月”,6503.68,32518.4,92617.19,12012.1,104629.28,空],
[“2020年5月”,6503.6832518.483355.4716016.1399371.59,空],
[“2020年6月”,13007.3665036.8174093.7524024.1998117.94,空],
[“2020年7月”,13007.3665036.8164832.0332032.2696864.29,空],
[“2020年8月”,13007.3665036.8155570.3140040.3295610.63,空],
[“2020年9月”,13007.3665036.8146308.5948048.3894356.98,空],
[“2020年10月”,13007.36、65036.81、37046.87、56056.45、93103.32,空],
[“2020年11月”,13007.3665036.8118523.4464064.5182587.95,空],
[“2020年12月”,13007.3665036.8113892.5872072.5885965.15,空],
[“2021年1月”,13007.36,65036.81,11114.06,80080.64,91194.7,空],
[“2021年2月”,空,空,空,80080.64,空,650368.08],
[“2021年3月”,空,空,空,80080.64,空,637831.53],
[“2021年4月”,空,空,空,80080.64,空,625294.99],
[“2021年5月”,空,空,空,80080.64,空,612758.44],
[“2021年6月”,空,空,空,80080.64,空,600221.89],
[“2021年7月”,空,空,空,80080.64,空,587685.35],
[“2021年8月”,空,空,空,80080.64,空,575148.8],
[“2021年9月”,空,空,空,80080.64,空,562612.26],
[“2021年10月”,空,空,空,80080.64,空,550075.71],
[“2021年11月”,空,空,空,80080.64,空,537539.16],
[“2021年12月”,空,空,空,80080.64,空,525002.62],
[“2022年1月”,空,空,空,80080.64,空,512466.07],
[“2022年2月”,空,空,空,80080.64,空,499929.52],
[“2022年3月”,空,空,空,80080.64,空,487392.98],
[“2022年4月”,空,空,空,80080.64,空,474856.43],
[“2022年5月”,空,空,空,80080.64,空,462319.89],
[“2022年6月”,空,空,空,80080.64,空,449783.34],
[“2022年7月”,空,空,空,80080.64,空,437246.79],
[“2022年8月”,空,空,空,80080.64,空,424710.25],
[“2022年9月”,空,空,空,80080.64,空,412173.7],
[“2022年10月”,空,空,空,80080.64,空,399637.15],
[“2022年11月”,空,空,空,80080.64,空,387100.61],
[“2022年12月”,空,空,空,80080.64,空,374564.06],
[“2023年1月”,空,空,空,80080.64,空,362027.52],
[“2023年2月”,空,空,空,80080.64,空,349490.97],
[“2023年3月”,空,空,空,80080.64,空,336954.42],
[“2023年4月”,空,空,空,80080.64,空,324417.88],
[“2023年5月”,空,空,空,80080.64,空,311881.33],
[“2023年6月”,空,空,空,80080.64,空,299344.78],
[“2023年7月”,空,空,空,80080.64,空,286808.24],
[“2023年8月”,空,空,空,80080.64,空,274271.69],
[“2023年9月”,空,空,空,80080.64,空,261735.14],
[“2023年10月”,空,空,空,80080.64,空,249198.6],
[“2023年11月”,空,空,空,80080.64,空,