Comment faire pour augmenter l'annotation taille de la police et l'audace et l'annotation de la valeur dans la ligne graphique de google api graphique?

Je suis à l'aide de l'api google ligne graphique avec l'annotation. Comment puis-je changer la police la taille et le format de la police?

<script type="text/javascript">
google.load("visualization", "1", {packages: ["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', '');
data.addColumn({type: 'string', role: 'annotation'});
data.addColumn('number', '');
data.addRows([['2010', '67', 67]]);
data.addRows([['2011', '69', 69]]);
data.addRows([['2012', '68', 68]]);
data.addRows([['2013', '67', 67]]);
var options = {
width: 350,
height: 250,
pointSize: 5,                           
legend: {position: 'none'},
chartArea: {
left: 0,
top: 60,
width: 300,
height: 75},
vAxis: {
baselineColor: '#fff',
gridlines: {color: '#fff'},
minValue: 64,
maxValue: 71
},
tooltip: {trigger: 'none'},
enableInteractivity: false,
annotation: {
1: {
style: 'default'
}
},
series: {0: {color: '#4D7AD3'}, 1: {color: '#4D7AD3'}}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<body>                
<h2>Line Charts</h2>
<div id="chart_div"></div>
</body>
  • L'API ne prend pas en charge le coiffage des annotations. Vous pouvez déposer une demande pour ajouter la prise en charge.
InformationsquelleAutor Arunprasath | 2014-01-24
  1. 24

    Essayer cette

    var options = {
annotations: {
textStyle: {
fontName: 'Times-Roman',
fontSize: 18,
bold: true,
italic: true,
color: '#871b47',     //The color of the text.
auraColor: '#d799ae', //The color of the text outline.
opacity: 0.8          //The transparency of the text.
}
}
};

    https://developers.google.com/chart/interactive/docs/gallery/linechart

    • L'option de couleur ne semble pas fonctionner. Basé sur mes tests, l'API choisit automatiquement la couleur du texte en fonction de la couleur de l'arrière-plan. (texte clair sur fond sombre ou texte sombre sur un fond clair)
    • pouvez-vous poster un lien ou un exemple de code ou peut-être jsfiddle
    • Merci pour l'afficher. Pour définir la couleur que j'ai pour spécifier un style dans la barre d'annotation de la colonne elle-même. Ce qui est très déroutant est, les propriétés de la police sur ce style sont ignorés - j'ai donc dû combiner cette réponse avec la mienne.
    • Une façon de travailler la position en y? Comme ci-dessus + 10 ou quelque chose?
    InformationsquelleAutor Gopal