更改Google圖表中3D列的顏色

我正在使用Google Chart來繪製一些數據，並且我想自定義顏色。我也想使用3D條（這意味着我不能使用核心庫BTW）。更改Google圖表中3D列的顏色

這是我得到的結果的擷取畫面：

enter image description here

左邊是原始3D圖，右邊是一個定製。正如你所看到的，沒有陰影應用於我爲3D效果定義的顏色，而是整個列使用的是平面顏色。

有什麼辦法解決這個問題嗎？

PS。這是我用geneate圖表代碼：

function drawChartCoste(){ 
     // Create the data table. 
      var data = new google.visualization.DataTable(); 
      data.addColumn('string', 'Valor'); 
      data.addColumn('number', 'Grupo1'); 
      data.addColumn('number', 'Grupo2'); 
      data.addRow(['Consumo', 2.5, -17.860); 


      // Set chart options 
      var options = {'title':'Comparativa de coste', 
         'width':400, 
         'height':300, 
         'is3D':true, 
         'colors':['#C26900','#165C04']}; 

      // Instantiate and draw our chart, passing in some options. 
      var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
      chart.draw(data, options); 
     }

來源

2013-04-24 Gabriel Sanmartin

有[許多原因（http://peltiertech.com/WordPress/excel-3d-charts-charts-with-no-value /）不使用三維圖表。並不是說這一定會改變你的想法。同時，請包含您用於創建圖表的代碼，以便我們至少可以從相同的基線開始工作。 – jmac 2013-04-24 23:58:44

不幸的是，我不知道是否從3D切換到2D。我發佈了用於生成圖表的函數。 – 2013-04-25 07:05:44

雖然我堅定地重申我反對3D圖表，它似乎認爲這是可行的from this line in the Docs：

如果is3D = TRUE，這是包含HTML顏色或此類對象的數組：{color:face_color, darker:shade_color}其中，顏色是元素的面部顏色，深色是陰影顏色。但是，如果您爲3D對象指定HTML顏色，則臉部和陰影將是相同的顏色，並且3D效果將會降低。例如：{is3D:true, colors:[{color:'#FF0000', darker:'#680000'}, {color:'cyan', darker:'deepskyblue'}]}

下面是一個示例：

// Set chart options 
    var options = {'title':'Comparativa de coste', 
        'width':400, 
        'height':300, 
        is3D:true, 
        colors:[{color:'#C26900', darker:'#B15800'}, {color:'#165C04', darker:'#054B00'}] 
        };

來源

2013-04-25 07:17:20 jmac

我想我錯過了那部分文檔。謝謝。 – 2013-04-25 07:23:10

沒問題 - 它已被隱藏，因爲它已被棄用。我希望它適合你！ – jmac 2013-04-25 07:52:16

它的確如此，非常感謝 – 2013-04-25 08:03:32

更改Google圖表中3D列的顏色

回答

相關問題