Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 谷歌可视化-更改大小图例注释图表_Css_Charts_Google Visualization - Fatal编程技术网

Css 谷歌可视化-更改大小图例注释图表

Css 谷歌可视化-更改大小图例注释图表,css,charts,google-visualization,Css,Charts,Google Visualization,我的页面中有一个注释图表,其中有几列。构建图表时,在顶部创建的图例具有较小的字体大小。可以增加此图例的字体大小吗 我用这种图表的一个小例子创建了一个plunker google.charts.load('current',{'packages':['annotationchart']}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var data=new google.visualization.DataTable(); dat

我的页面中有一个注释图表,其中有几列。构建图表时,在顶部创建的图例具有较小的字体大小。可以增加此图例的字体大小吗

我用这种图表的一个小例子创建了一个plunker

google.charts.load('current',{'packages':['annotationchart']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('date','date');
data.addColumn('编号','开普勒-22b任务');
data.addColumn('string','Kepler title');
data.addColumn('string','Kepler text');
data.addColumn('number','Gliese 163 mission');
data.addColumn('string','Gliese title');
data.addColumn('string','Gliese text');
data.addRows([
[新日期(2314,2,15),12400,未定义,未定义,
10645,未定义,未定义],
[新日期(2314,2,16),24045,'拉利伯丁','第一次遭遇',
12374,未定义,未定义],
[新日期(2314,2,17),35022,'拉利伯丁','他们很高',
15766,“Gallantors”,“第一次遭遇”],
[新日期(2314,2,18),12284,'解放者','攻击我们的船员!',
34334,“Gallantors”,“共享原则声明”],
[新日期(2314,2,19),8476,'拉利伯丁','重大伤亡',
66467,“Gallantors”,“神秘揭秘”],
[新日期(2314,2,20),0,'Lalibertines','All crew lost',
79463,“Gallantors”,“全知成就”]
]);
var chart=new google.visualization.AnnotationChart(document.getElementById('chart_div'));
变量选项={
是的,
legendPosition:'纽罗',
显示ZoomButtons:false
};
图表绘制(数据、选项);
}

您可以使用css更改
字体大小

#chart_div_AnnotationChart_legendContainer {
  font-size: 12pt;
}
请参阅以下工作片段

google.charts.load('current'{
回调:图纸,
软件包:['annotationchart']
});
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('date','date');
data.addColumn('编号','开普勒-22b任务');
data.addColumn('string','Kepler title');
data.addColumn('string','Kepler text');
data.addColumn('number','Gliese 163 mission');
data.addColumn('string','Gliese title');
data.addColumn('string','Gliese text');
data.addRows([
[新日期(2314,2,15),12400,未定义,未定义,
10645,未定义,未定义],
[新日期(2314,2,16),24045,'拉利伯丁','第一次遭遇',
12374,未定义,未定义],
[新日期(2314,2,17),35022,'拉利伯丁','他们很高',
15766,“Gallantors”,“第一次遭遇”],
[新日期(2314,2,18),12284,'解放者','攻击我们的船员!',
34334,“Gallantors”,“共享原则声明”],
[新日期(2314,2,19),8476,'拉利伯丁','重大伤亡',
66467,“Gallantors”,“神秘揭秘”],
[新日期(2314,2,20),0,'Lalibertines','All crew lost',
79463,“Gallantors”,“全知成就”]
]);
var chart=new google.visualization.AnnotationChart(document.getElementById('chart_div'));
变量选项={
是的,
legendPosition:'纽罗',
显示ZoomButtons:false
};
图表绘制(数据、选项);
}
#图表(div)注释图表(legendContainer){
字号:12号;
}