Javascript 谷歌气泡图不是';t检测列角色

Javascript 谷歌气泡图不是';t检测列角色,javascript,charts,google-visualization,bubble-chart,Javascript,Charts,Google Visualization,Bubble Chart,我有一个遵循文档中提供的数据结构的Google气泡图。在此,我希望为每个气泡设置用户定义的自定义颜色,而不是基于图例/系列 为此,我添加了一个列role:style。这是我的第六专栏 data_type_academic = new google.visualization.DataTable(); data_type_academic.addColumn('string', 'YoI'); data_type_academic.addColumn('number', 'RC

我有一个遵循文档中提供的数据结构的Google气泡图。在此,我希望为每个气泡设置用户定义的自定义颜色,而不是基于图例/系列

为此,我添加了一个列role:style。这是我的第六专栏

   data_type_academic = new google.visualization.DataTable();
   data_type_academic.addColumn('string', 'YoI');
   data_type_academic.addColumn('number', 'RC Score');
   data_type_academic.addColumn('number', 'Math Score');
   data_type_academic.addColumn('string', 'Academic Year');
   data_type_academic.addColumn('number', 'No. of Students');
   data_type_academic.addColumn({type: "string", role: "style"});
我插入了我的值(现在保持填充颜色不变)

for(i=0;i检查是否存在气泡图

不支持列角色

第3列描述气泡颜色,可以是字符串或数字

键入:“字符串”
-->标识同一系列中气泡的字符串。使用相同的值标识属于同一系列的所有气泡;同一系列中的气泡将被指定相同的颜色。可以使用“系列”选项配置系列

请使用以下工作片段:
type:'string'

google.charts.load('current'{
回调:图纸,
包:['controls','corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[‘ID’、‘预期寿命’、‘生育率’、‘地区’、‘人口’],
[CAN',80.66,1.67',北美',33739900],
[DEU',79.84,1.36,'Europe',81902307],
[DNK',78.6,1.84,'欧洲',5523095],
[EGY',72.73,2.78,'中东',79716203],
[GBR',80.05,2,'欧洲',61801570],
[IRN',72.49,1.7,'中东',73137148],
[IRQ',68.09,4.77,'中东',31090763],
[ISR',81.55,2.96,'中东',7485600],
[RUS',68.6,1.54,'Europe',141850000],
[美国,78.09,2.05,北美,307007000]
]);
var chart=new google.visualization.ChartWrapper({
图表类型:“BubbleChart”,
集装箱船:“海图分区”,
数据表:数据,
选项:{
系列:{
“北美”:{
颜色:“#f44336”
},
“欧洲”:{
颜色:“#2196f3”
},
“中东”:{
颜色:“#4caf50”
}
}
}
});
chart.draw();
}

检查有无气泡图

不支持列角色

第3列描述气泡颜色,可以是字符串或数字

键入:“字符串”
-->标识同一系列中气泡的字符串。使用相同的值标识属于同一系列的所有气泡;同一系列中的气泡将被指定相同的颜色。可以使用“系列”选项配置系列

请使用以下工作片段:
type:'string'

google.charts.load('current'{
回调:图纸,
包:['controls','corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[‘ID’、‘预期寿命’、‘生育率’、‘地区’、‘人口’],
[CAN',80.66,1.67',北美',33739900],
[DEU',79.84,1.36,'Europe',81902307],
[DNK',78.6,1.84,'欧洲',5523095],
[EGY',72.73,2.78,'中东',79716203],
[GBR',80.05,2,'欧洲',61801570],
[IRN',72.49,1.7,'中东',73137148],
[IRQ',68.09,4.77,'中东',31090763],
[ISR',81.55,2.96,'中东',7485600],
[RUS',68.6,1.54,'Europe',141850000],
[美国,78.09,2.05,北美,307007000]
]);
var chart=new google.visualization.ChartWrapper({
图表类型:“BubbleChart”,
集装箱船:“海图分区”,
数据表:数据,
选项:{
系列:{
“北美”:{
颜色:“#f44336”
},
“欧洲”:{
颜色:“#2196f3”
},
“中东”:{
颜色:“#4caf50”
}
}
}
});
chart.draw();
}


这个问题有进展吗?这个问题有进展吗?
  for(i=0;i<Math.ceil(data_json["YoI"].length);i++)
  {

    data_type_academic.setCell(i, 0,''+data_json["YoI"][i]);
    data_type_academic.setCell(i, 1,data_json["RC_Score_academic"][i]);
    data_type_academic.setCell(i, 2,data_json["Math_Score_academic"][i]);
    data_type_academic.setCell(i, 3,''+data_json["Year"][i]);
    data_type_academic.setCell(i, 4,data_json["freq"][i]);
    data_type_academic.setCell(i, 5,"fill-color:#e1e1e1;stroke-width: 100;");   
  }