Charts 限制ChartRangeFilter中的滑块范围:谷歌图表

Charts 限制ChartRangeFilter中的滑块范围:谷歌图表,charts,google-visualization,Charts,Google Visualization,我正在使用谷歌图表的ChartRangeFilter。我想将滑块范围限制为一个特定值,并防止用户更改它(防止用户增加最小值和最大值之间的范围值,但他可以滑动整个范围。有什么方法可以实现这一点吗?非常感谢您的帮助。提前感谢您,没有任何标准选项以这种方式限制范围 但是您可以在筛选器上侦听'statechange'事件, 在该范围内达到最大/最小值时, 使用setState方法覆盖开始/结束值, 并重新绘制控件 请参阅以下工作片段, 开始不能移动到3以上, 末端不能移动到6以下 google.cha

我正在使用谷歌图表的ChartRangeFilter。我想将滑块范围限制为一个特定值,并防止用户更改它(防止用户增加最小值和最大值之间的范围值,但他可以滑动整个范围。有什么方法可以实现这一点吗?非常感谢您的帮助。提前感谢您,

没有任何标准选项以这种方式限制范围

但是您可以在筛选器上侦听
'statechange'
事件,
在该范围内达到最大/最小值时,
使用
setState
方法覆盖开始/结束值,
并重新绘制控件

请参阅以下工作片段,
开始不能移动到3以上,
末端不能移动到6以下

google.charts.load('current'{
包:['controls','corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
['x','y0','y1','y2'],
[0, 3.0, 5, 4.9],
[1, 3.1, 5, 4.8],
[2, 3.2, 5, 4.7],
[3, 3.3, 5, 4.6],
[4, 3.4, 5, 4.5],
[5, 3.5, 5, 4.4],
[6, 3.6, 5, 4.3],
[7, 3.7, 5, 4.2],
[8, 3.8, 5, 4.1],
[9, 3.9, 5, 4.0],
]);
var chart=new google.visualization.ChartWrapper({
图表类型:“线条图”,
集装箱船:“海图”
});
var control=new google.visualization.ControlWrapper({
controlType:“ChartRangeFilter”,
集装箱:“控制”,
选项:{
filterColumnIndex:0,
用户界面:{
图表选项:{
哈克斯:{
ticks:data.getdistinctValue(0)
}
}
}
}
});
var dashboard=new google.visualization.dashboard(
document.getElementById('仪表板')
);
google.visualization.events.addListener(控件,'statechange',函数(e){
var maxStart=3;
var-minEnd=6;
var filterState=control.getState();
var=false;
如果(如开始更改){
如果((filterState.range.start)>maxStart){
filterState.range.start=maxStart;
限制=真;
}
}
如果(e.endChanged){
if((过滤器状态范围结束)