Javascript 谷歌图表：如何避免仪表板控件中每个图表上的注释消失？

google.load（“可视化”，“1”，“{packages:[“corechart”，“bar”，“Controls']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var chartsdata=new google.visualization.DataTable（）；
chartsdata.addColumn（'日期'，'基准'）；
chartsdata.addColumn（'number'，'TijdAfd1'）；
chartsdata.addColumn({
'类型'：'字符串'，
“角色”：“注释”
});
chartsdata.addColumn（'number'，'TijdAfd2'）；
chartsdata.addColumn({
'类型'：'字符串'，
“角色”：“注释”
});
chartsdata.addColumn（'number'，'TijdAfd3'）；
chartsdata.addColumn({
'类型'：'字符串'，
“角色”：“注释”
});
chartsdata.addRows([
[新日期（'2017-05-29'）、56、'7,3m³'、42、'5,7m³'、59、'9524m³'，
[新日期（'2017-05-30'）、29、'3,8m³'、23、'3,1m³'、30、'4746m³'，
[新日期（'2017-05-31'）、53、'6,9m³'、13、'1,8m³'、60、'9522m³'，
[新日期（'2017-06-01'）、47、'6,1m³'、45、'6,2m³'、53、'8463m³'，
[新日期（'2017-06-02'）、69、'9,1m³'、48、'6,7m³'、66、'10502m³'，
[新日期（'2017-06-03'）、39、'5,1m³'、25、'3,4m³'、41、'6604m³'，
[新日期（'2017-06-04'）、51、'6,7m³'、44、'6,0m³'、43、'6800m³']
]);
//创建一个仪表板。
var dashboard=new google.visualization.dashboard(
document.getElementById（'dashboard_div'）；
//创建一个范围滑块，传递一些选项
var ChartRangeFilter=new google.visualization.ControlWrapper({
controlType:“ChartRangeFilter”，
containerId:“过滤器分区”，
选项：{
//显示标签：false，
//显示注释：false，
工具提示：{
isHtml：是的
},
filterColumnLabel:'基准'，
用户界面：{
图表选项：{
身高：55
}
}
},
//排除注释列
视图：{
列：[0,1,3,5]
}
});
//创建柱状图，传递一些选项
var ColumnChart=new google.visualization.ChartWrapper({
chartType:“ColumnChart”，
集装箱船：“海图分区”，
选项：{
焦点目标：“类别”，
工具提示：{
isHtml：是的
}
}
});
//建立依赖关系，声明“过滤器”驱动“柱形图”，
//这样，柱状图将只显示通过的条目
//给定选定的滑块范围。
dashboard.bind（ChartRangeFilter、ColumnChart）；
//绘制仪表板。
仪表板.绘图（图表数据）；
}

在用于绘制仪表板的数据表中包括注释列

然后从过滤器的

视图
属性中排除这些列

var ChartRangeFilter = new google.visualization.ControlWrapper({
    controlType: 'ChartRangeFilter',
    containerId: 'filter_div',
    options: {
        tooltip: { isHtml: true },
        filterColumnLabel: 'Datum',
        ui: {
            chartType: 'LineChart',
            chartOptions: {
                height: 55
            }
        }
    },
    // exclude annotation columns
    view: {
      columns: [0, 1, 2, 4, 6]
    }
});

编辑

通过使注释透明，隐藏范围过滤器上的注释，

将以下内容添加到图表选项中

          annotations: {
            highContrast: false,
            stem: {
              color: 'transparent',
              length: 0
            },
            textStyle: {
              color: 'transparent'
            }
          },

请参阅以下工作片段


google.load（“可视化”，“1”，“{packages:[“corechart”，“bar”，“Controls']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var chartsdata=new google.visualization.DataTable（）；
chartsdata.addColumn（'日期'，'基准'）；
chartsdata.addColumn（'number'，'TijdAfd1'）；
chartsdata.addColumn({
'类型'：'字符串'，
“角色”：“注释”
});
chartsdata.addColumn（'number'，'TijdAfd2'）；
chartsdata.addColumn({
'类型'：'字符串'，
“角色”：“注释”
});
chartsdata.addColumn（'number'，'TijdAfd3'）；
chartsdata.addColumn({
'类型'：'字符串'，
“角色”：“注释”
});
chartsdata.addRows([
[新日期（'2017-05-29'）、56、'7,3m³'、42、'5,7m³'、59、'9524m³'，
[新日期（'2017-05-30'）、29、'3,8m³'、23、'3,1m³'、30、'4746m³'，
[新日期（'2017-05-31'）、53、'6,9m³'、13、'1,8m³'、60、'9522m³'，
[新日期（'2017-06-01'）、47、'6,1m³'、45、'6,2m³'、53、'8463m³'，
[新日期（'2017-06-02'）、69、'9,1m³'、48、'6,7m³'、66、'10502m³'，
[新日期（'2017-06-03'）、39、'5,1m³'、25、'3,4m³'、41、'6604m³'，
[新日期（'2017-06-04'）、51、'6,7m³'、44、'6,0m³'、43、'6800m³']
]);
//创建一个仪表板。
var dashboard=new google.visualization.dashboard(
document.getElementById（'dashboard_div'）；
//创建一个范围滑块，传递一些选项
var ChartRangeFilter=new google.visualization.ControlWrapper({
controlType:“ChartRangeFilter”，
containerId:“过滤器分区”，
选项：{
//显示标签：false，
//显示注释：false，
工具提示：{
isHtml：是的
},
filterColumnLabel:'基准'，
用户界面：{
图表选项：{
注释：{
高对比度：假，
茎：{
颜色：'透明'，
长度：0
},
文本样式：{
颜色：“透明”
}
},
身高：55
}
}
}
});
//创建柱状图，传递一些选项
var ColumnChart=new google.visualization.ChartWrapper({
chartType:“ColumnChart”，
集装箱船：“海图分区”，
选项：{
焦点目标：“类别”，
工具提示：{
isHtml：是的
}
}
});
//建立依赖关系，声明“过滤器”驱动“柱形图”，
//这样，柱状图将只显示通过的条目
//给定选定的滑块范围。
dashboard.bind（ChartRangeFilter、ColumnChart）；
//绘制仪表板。
仪表板.绘图（图表数据）；
}

在用于绘制仪表板的数据表中包括注释列

然后从过滤器的
视图
属性中排除这些列

var ChartRangeFilter = new google.visualization.ControlWrapper({
    controlType: 'ChartRangeFilter',
    containerId: 'filter_div',
    options: {
        tooltip: { isHtml: true },
        filterColumnLabel: 'Datum',
        ui: {
            chartType: 'LineChart',
            chartOptions: {
                height: 55
            }
        }
    },
    // exclude annotation columns
    view: {
      columns: [0, 1, 2, 4, 6]
    }
});

编辑

通过使注释透明，隐藏范围过滤器上的注释，

将以下内容添加到图表选项中

          annotations: {
            highContrast: false,
            stem: {
              color: 'transparent',
              length: 0
            },
            textStyle: {
              color: 'transparent'
            }
          },

请参阅以下工作片段


google.load（“可视化”，“1”，“{packages:[“corechart”，“bar”，“Controls']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var chartsdata=new google.visualization.D