图表颜色更改Google Charts API

时间:2017-06-02 20:04:45

标签: javascript charts google-visualization

我使用的是Google Charts API,我在文档中找不到如何在白色中更改图表颜色前景 enter image description here

这是代码:

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

  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Year', 'Expenses'],
      ['2004',      400],
      ['2005',      460],
      ['2006',       1120],
      ['2007',      540]
    ]);

    var options = {
      curveType: 'function',
      backgroundColor: { fill:'transparent' },
    };

    var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

    chart.draw(data, options);
  }

任何解决方案?

1 个答案:

答案 0 :(得分:0)

来自configuration options

,请使用以下内容...

x轴标签......

hAxis: {
  textStyle: {
    color: '#ffffff'
  }
}

y轴标签......

vAxis: {
  textStyle: {
    color: '#ffffff'
  }
}

传奇标签......

legend: {
  textStyle: {
    color: '#ffffff'
  }
}