我无法将第一系列数据绘制为线条而不是条形图。此外,我尝试的几个选项都不起作用,包括拥有一个标题(疯狂雄心勃勃,对吧?)。
为什么这不起作用?标题在哪里?我也无法弄清楚如何在启动时制作动画,即使它应该在字面上工作(尝试下面没有显示)。
{
"力学研究所": {
"力学研究所": [
"http://www.irgrid.ac.cn/handle/1471x/1",
{
"力学研究所": "http://www.irgrid.ac.cn/handle/1471x/1",
"等离子体与燃烧中心(2009-2011)": "http://www.irgrid.ac.cn/handle/1471x/9348",
"非线性力学国家重点实验室": "http://www.irgrid.ac.cn/handle/1471x/8765",
"高温气体动力学国家重点实验室": "http://www.irgrid.ac.cn/handle/1471x/8927",
"国家微重力实验室": "http://www.irgrid.ac.cn/handle/1471x/9021",
"环境力学重点实验室(2009-2011)": "http://www.irgrid.ac.cn/handle/1471x/9199",
"力学所知识产出(1956-2008)": "http://www.irgrid.ac.cn/handle/1471x/2",
"力学园地": "http://www.irgrid.ac.cn/handle/1471x/9394",
"流固耦合系统力学重点实验室(2012-)": "http://www.irgrid.ac.cn/handle/1471x/475238",
"水动力学与海洋工程重点实验室(2009-2011)": "http://www.irgrid.ac.cn/handle/1471x/9129",
"先进制造工艺力学重点实验室": "http://www.irgrid.ac.cn/handle/1471x/9278",
"职能与支撑部门": "http://www.irgrid.ac.cn/handle/1471x/252147"
}
],
"等离子体与燃烧中心(2009-2011)": [
"http://www.irgrid.ac.cn/handle/1471x/9348",
{
"力学研究所": "http://www.irgrid.ac.cn/handle/1471x/1",
"期刊论文": "http://www.irgrid.ac.cn/handle/1471x/9349/browse?type=dateissued",
"会议论文": "http://www.irgrid.ac.cn/handle/1471x/9350/browse?type=dateissued",
"学位论文": "http://www.irgrid.ac.cn/handle/1471x/9371/browse?type=dateissued",
"专利": "http://www.irgrid.ac.cn/handle/1471x/390816/browse?type=dateissued",
"成果": "http://www.irgrid.ac.cn/handle/1471x/592825/browse?type=dateissued"
}
],
google.charts.load('current', {'packages':['table','line','corechart','bar']});
google.charts.setOnLoadCallback(draw);
function draw(){
var data = google.visualization.arrayToDataTable([
['Referrals', '%','A','B','C','D','E','F','G'],
['Adams', {v: .3684, f: '36.84%'}, 0,0,3,9,4,14,1],
['Chalk', {v: .9118, f: '91.18%'}, 0,0,2,16,12,21,1],
['Forby', {v: 2.0909, f: '209.09%'}, 0,0,3,17,9,12,1],
['Koehler', {v: .056, f: '5.26%'}, 0,0,0,13,6,13,0],
['Burrey', {v: 0, f: '-'}, 0,0,0,0,0,0,0],
['Roach', {v: .1765, f: '19.65%'}, 0,0,7,43,18,32,1]
]);
var tempOptions = {
title: 'tesssssssssssssssssssssssssssssst',
series: {
0: {axis: 'Percent',type: 'line'},
1: {axis: 'Count'},
2: {axis: 'Count'},
3: {axis: 'Count'},
4: {axis: 'Count'},
5: {axis: 'Count'},
6: {axis: 'Count'},
7: {axis: 'Count'}
},
axes: {
y: {
Percent: {label: '% for Hazard Grade'},
Count: {label: 'Hazard Grade Count'}
}
}
};
var tempTable = new google.charts.Bar(document.getElementById('chart_div'));
tempTable.draw(data,tempOptions);
}
答案 0 :(得分:2)
有几个配置选项无法与材料图表一起使用
Tracking Issue for Material Chart Feature Parity #2143
材料 - > google.charts.Bar
- 使用 - > packages: ['bar']
建议使用核心图表...
核心 - > google.visualization.ColumnChart
- 使用 - > packages: ['corechart']
或google.visualization.BarChart
,google.visualization.ComboChart
等......
可以选择让核心图表接近外观&感觉材料
theme: 'material'