谷歌圖表y軸顏色

我正在使用谷歌圖表api（折線圖），我想改變y軸顏色從黑色到灰色。
（相同的顏色作爲網格線）谷歌圖表y軸顏色

enter image description here

我的代碼：

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

     var baseLineColor = '#a3d06e'; 
     var lineColor = '#717171'; 

     function drawChart() { 
      var dataTable = new google.visualization.DataTable(); 
      dataTable.addColumn('number', 'date'); 
      dataTable.addColumn('number', 'sale'); 
      dataTable.addRows([ 
      [1, 2], 
      [2, 3], 
      [3, 3], 
      [4, 4], 
      [5, 5] 
     ]); 

      var options = { 
       enableInteractivity: false, 
       tooltip: {trigger: 'none'}, 
       pointSize: 0, 
       legend: 'none', 
       chartArea:{width:'94%',height:'70%'}, 
       backgroundColor: '#6AB5D1', 
       series: { 0: { color: lineColor, pointSize: 5, lineWidth: 4 }}, 
       hAxis: { textPosition: 'none', gridlines: {color:"#CCCCCC"} }, 
       vAxis: { textPosition: 'none', baseline: 3, baselineColor: baseLineColor, gridlines: {color:"#CCCCCC"}} 

      }; 

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

我怎麼能這樣做？

來源

2013-10-17 NickF

設置hAxis.baselineColor選項：

hAxis: { 
    textPosition: 'none', 
    gridlines: { 
     color: "#CCCCCC" 
    }, 
    baselineColor: '#CCCCCC' 
}

來源

2013-10-17 13:53:51 asgallant

你可以通過設置baselineColor和使用這些參數gridlineColor改變谷歌API的X和Y軸的顏色。

vAxis:{ 
     baselineColor: '#ccc', 
     gridlineColor: '#ccc', 
     }

來源

2014-06-04 12:35:22 Hariprasath

谷歌圖表y軸顏色

回答

相關問題