如何將顏色應用於來自Google Charts API的餅圖切片

嗨我試圖在我的餅圖的切片中應用顏色。我正在使用Google Charts API。如何將顏色應用於來自Google Charts API的餅圖切片

在這裏，你得到了所有的餅圖信息：https://google-developers.appspot.com/chart/interactive/docs/gallery/piechart

這裏是是關於我在說什麼捷徑：

切片對象的數組，或嵌套對象{}對象的對象數組，每個對象描述餅圖中相應切片的格式。要爲切片使用默認值，請指定一個空對象{}。如果未指定切片或值，則將使用全局值。每個對象都支持以下屬性：

color - 用於此切片的顏色。指定一個有效的HTML顏色字符串。 textStyle - 覆蓋此切片的全局pieSliceTextSlice。您可以指定一個對象數組，其中每個將以給定順序應用於切片，也可以指定一個對象，其中每個子對象都有一個數字鍵，指示它應用的切片。例如，以下兩個聲明是相同的，並且聲明第一個切片爲黑色，第四個爲紅色：

切片：[{color：'black'，{}，{}，{color：'red' }] 片：{0：{顏色： '黑'}，3：{顏色： '紅色'}}

不知道我應該把這個代碼，這裏的操場：https://code.google.com/apis/ajax/playground/?type=visualization#pie_chart

這是我的企圖（不起作用）

謝謝你的時間。 ///////////////////////////////////////////////// ///////////////////////////////////////

編輯：

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Task', 'Hours per Day'], 
      ['Work',  11], 
      ['Eat',  2], 
      ['Commute', 2], 
      ['Watch TV', 2], 
      ['Sleep', 7] 
     ]); 

     var options = { 
      title: 'My Daily Activities', 
      slices: {0: {color: '#006EFF'}, 1:{color: '#00FF08'}, 2:{color: 'blue'}, 3: {color: 'red'}, 4:{color: 'grey'}} 
     }; 

     var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
    </body> 
</html>

注：我用

slices: {0: {color: '#006EFF'}, 1:{color: '#00FF08'}, 2:{color: 'blue'}, 3: {color: 'red'}, 4:{color: 'grey'}}

代替

slices: [{color: 'black', {}, {}, {color: 'red'}]

見你。

來源

2012-09-24 Jesus

嗨，大家好，我覺得現在的問題是，因爲操場。我在我的VPS中測試了這段代碼（請參閱編輯過的帖子），它工作正常。 – Jesus

您可以使用下面的方法修改餅圖切片的默認顏色：

var options = { 
    width: 400, 
    height: 240, 
    title: 'Toppings I Like On My Pizza', 
    colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'] 
};

來源

2013-10-26 21:42:22 amishra

如何將顏色應用於來自Google Charts API的餅圖切片

回答

相關問題