Javascript 谷歌图表如何隐藏动态创建的系列,并在图例中仅显示一个?
我使用combochart,我的系列是从sql数据库动态创建的。我想把它们全部隐藏起来,但只显示代表我目标线的第一个。我怎样才能做到这一点?(我知道在为DataTabele构建阵列后的系列数量,可能我必须为系列构建一些阵列)Javascript 谷歌图表如何隐藏动态创建的系列,并在图例中仅显示一个?,javascript,google-visualization,legend,series,Javascript,Google Visualization,Legend,Series,我使用combochart,我的系列是从sql数据库动态创建的。我想把它们全部隐藏起来,但只显示代表我目标线的第一个。我怎样才能做到这一点?(我知道在为DataTabele构建阵列后的系列数量,可能我必须为系列构建一些阵列) 当您知道图例中应该可见的列的索引时,您可以基于列动态创建序列选项 google.setOnLoadCallback(drawVisualization); 函数drawVisualization(){ //一些原始数据(不一定准确) var data=google.vis
当您知道图例中应该可见的列的索引时,您可以基于列动态创建序列选项
google.setOnLoadCallback(drawVisualization);
函数drawVisualization(){
//一些原始数据(不一定准确)
var data=google.visualization.arrayToDataTable([
[“月”、“平均值”、“玻利维亚”、“厄瓜多尔”、“马达加斯加”、“巴布亚新几内亚”、“卢旺达”],
['2004/05', 614.6, 165, 938, 522, 998, 450],
['2005/06', 682, 135, 1120, 599, 1268, 288],
['2006/07', 623, 157, 1167, 587, 807, 397],
['2007/08', 609.4, 139, 1110, 615, 968, 215],
['2008/09', 569.6, 136, 691, 629, 1026, 366]
]);
变量选项={
isStacked:是的,
图例:{位置:“顶部”},
序列类型:“条”,
系列:(功能(d,i){
var s={},c=d.getNumberOfColumns();
对于(var k=0;k当您知道图例中应该可见的列的索引时,您可以基于列动态创建序列选项
google.setOnLoadCallback(drawVisualization);
函数drawVisualization(){
//一些原始数据(不一定准确)
var data=google.visualization.arrayToDataTable([
[“月”、“平均值”、“玻利维亚”、“厄瓜多尔”、“马达加斯加”、“巴布亚新几内亚”、“卢旺达”],
['2004/05', 614.6, 165, 938, 522, 998, 450],
['2005/06', 682, 135, 1120, 599, 1268, 288],
['2006/07', 623, 157, 1167, 587, 807, 397],
['2007/08', 609.4, 139, 1110, 615, 968, 215],
['2008/09', 569.6, 136, 691, 629, 1026, 366]
]);
变量选项={
isStacked:是的,
图例:{位置:“顶部”},
序列类型:“条”,
系列:(功能(d,i){
var s={},c=d.getNumberOfColumns();
对于(var k=0;kAh,很好的解决方案。我误读了最初的问题,认为目标是隐藏数据,而不仅仅是图例项。我现在明白了我的误解。如果可以的话,我可以稍微批评一下,但是在一个示例中,单字母变量和对象文本中的串联IIFE使得代码很难阅读。这很有效,但鼓励复制pas代码,而不是更深层次的理解。代码对我来说很好。谢谢。我一直在想这样的事情,但我不能从代码开始。如果你能解释我的话,还有一件事:函数语法。这个函数是如何调用的?(函数(d,I){}(数据,0))
我知道的函数语法的常见方式是:函数名(parameter1){}
然后我调用name(par1)
,正如nbering提到的,它被称为IIFE(),函数将通过执行(数据,0)
thx再次-另一种解决此类问题的有用方法。我现在明白了。啊,很好的解决方案。我误读了最初的问题,认为目标是隐藏数据,而不仅仅是图例项。我现在明白了我的误解。如果可以的话,我会提出一点小小的批评,但在对象文字mak中使用单字母变量和串联IIFE在一个例子中,这是一个很难阅读的代码。它很有效,但鼓励复制粘贴编码,而不是更深入的理解。对我来说,这是一个好代码。谢谢。我是这样想的,但我不能从代码开始。如果你能解释我的话,还有一件事:函数语法。这个函数是如何调用的?(函数(d,I){}(data,0))
我所知道的函数语法的常见方式是:函数名(parameter1){}
然后我调用名称(par1)
,正如Nbeing所提到的,它被称为IIFE(),函数将再次通过(data,0)
thx执行,这是解决此类问题的另一个有用方法。我现在明白了。
var options = {
legend: {position: "none"},
isStacked: true,
seriesType: 'bars',
series: {
1: {
type: 'line',
color: 'red',
}
},
};