google-visualization - 如何更改 google-charts 中注释文本的颜色

Question

如何在 Google Chart Tools LineChart 中更改注释文本的颜色？

这是一个例子

google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawChart);

function drawChart() {
    var data = new google.visualization.DataTable();      
    data.addColumn('date', 'Date');
    data.addColumn('number', 'Sales');
    data.addColumn({id: 'title', label: 'Title', type: 'string', role: 'annotation'});
    data.addRows([
        [new Date(2012, 3, 5), 80, null],
        [new Date(2012, 3, 12), 120, 'New Product'],
        [new Date(2012, 3, 19), 80, null],
        [new Date(2012, 3, 26), 65, null],
        [new Date(2012, 4, 2), 70, null],
    ]);

    var options = {
        title: 'Sales by Week',
        displayAnnotations: true,
        hAxis: {title: 'Date', 
                titleTextStyle: {color: 'grey'}},
        colors: ['#f07f09']
      };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);      
}

我希望线条为橙色，注释文本为灰色。目前注释文本是橙色的。

Answer 1

其实你可以。注释的颜色与线条颜色相同。只需在要进行注释的位置放一个点，然后将点的颜色设置为所需的注释颜色即可。

data.addColumn({type: 'string', role: 'style'});
data.addColumn({type:'string', role:'annotation'});

然后当你添加数据时

'point { size: 14; shape-type: circle; fill-color: #63A74A','Your annotation'

见示例
http://www.marketvolume.com/stocks/stochasticsmomentumindex.asp?s=SPY&t=spdr-s-p-500