IMPORTANT: Problem "fontName" !!

62 views

Skip to first unread message

Davide Gentile

unread,

Apr 17, 2012, 12:25:36 PM4/17/12

to Google Visualization API

Try changing the fontName in this code and the result will not change:
what happened? David

<html>
<head>
<script type="text/javascript"
src='https://www.google.com/jsapi?autoload={modules:
[{name:"visualization",version:"1",packages:["corechart"]}]}'>
</script>
<script>

google.setOnLoadCallback(drawChart1);
function drawChart1() {
var Data1 = new google.visualization.DataTable();
Data1.addColumn('string', 'AMBIENTE');
Data1.addColumn('number', 'VALORE');
Data1.addColumn('string', 'STAGE');
Data1.addColumn('string', 'CLONE');
Data1.addColumn('string', 'DB2');
Data1.addColumn('string', 'BIND DI MASSA');
Data1.addColumn('string', 'DATA FOTO');
Data1.addRows(1);
Data1.setValue(0, 0, 'ISP');
Data1.setValue(0, 1, 1);
Data1.setValue(0, 2, 'A');
Data1.setValue(0, 3, 'SC');
Data1.setValue(0, 4, 'DB%Y');
Data1.setValue(0, 5, '17 NOV 2011');
Data1.setValue(0, 6, 'Data Foto: 06 AGO 2011');
var Chart1 = new
google.visualization.PieChart(document.getElementById('PieChart_1'));
Chart1.draw(Data1, {
backgroundColor: '#FF99FF',
chartArea:{width:'100%',height:'75%'},
colors:['#00FF00'],
height: 300,
width: 300,
is3D: true,
legend:{position:'right',textStyle:
{color:'#39E974',fontName:'Calibri',fontSize:16}},
pieSliceText: 'label',
pieSliceTextStyle:{color:'#666666',fontName:'Arial',fontSize:16},
sliceVisibilityThreshold: '1/720',
pieResidueSliceColor: '#B3738B',
pieResidueSliceLabel: 'Altro',
title: 'Stage: A',
titleTextStyle:{color:'#B84444',fontName:'Algerian',fontSize:20},
tooltip:{text:'percentage',textStyle:
{fontSize:'0.01'},trigger:'hover'}
});
}
</script>
</head>
<body>
<div id="PieChart_1"></div>
</body>
</html>

asgallant

unread,

Apr 17, 2012, 12:59:11 PM4/17/12

to google-visua...@googlegroups.com

It works when I try it in jsfiddle: http://jsfiddle.net/Eksm4/ (tested in Chrome and IE8).

Reply all

Reply to author

Forward

0 new messages