Wie zu erhöhen annotation Schriftgröße und Fett die annotation der Wert in der Zeile chart der google chart api?

Ich bin mit google-api-Diagramm mit Beschriftung. Wie kann ich die schriftart ändern, die Größe und die schriftart-format?

<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>
Die API unterstützt keine styling den Anmerkungen. Sie können einen feature Requests zu unterstützen.

InformationsquelleAutor Arunprasath | 2014-01-24

  1. 23

    Versuchen, diese

    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

    Die option "Farbe" scheint nicht zu funktionieren. Basierend auf meinen Tests, API wählt automatisch die text-Farbe, die basierend auf der Farbe des Hintergrunds. (heller text auf dunklem hintergrund oder dunkler text auf hellem hintergrund)
    kannst du einen link posten oder Beispielcode oder kann jsfiddle
    Vielen Dank für die Veröffentlichung. Zur Farbe muss ich angeben Stil auf der bar-Anmerkung Spalte selbst. Was sehr verwirrend ist, font-Eigenschaften für diesen Stil werden ignoriert, so musste ich kombinieren diese Antwort mit mir.
    Jeder Weg zur Arbeit dorthin positionieren? Wie oben + 10 oder so?

    InformationsquelleAutor Gopal

Schreibe einen Kommentar