こんにちは私は円グラフのスライスにカラーを適用しようとしています。私はGoogle Charts APIを使用しています。Google Charts APIの円グラフスライスにカラーを適用する方法
ここでは、すべての円グラフ情報だ：オブジェクトの
スライスの配列、またはオブジェクトネストされたオブジェクトと{}アンを：https://google-developers.appspot.com/chart/interactive/docs/gallery/piechart
そして、ここに私が話しているかについてのショートカットですそれぞれ オブジェクトの配列であり、それぞれが 円の対応するスライスの形式を表します。スライスのデフォルト値を使用するには、空のオブジェクト{}を指定します。 スライスまたは値が指定されていない場合、グローバル値が使用されます。 各オブジェクトは、次のプロパティをサポートしています。
color - このスライスに使用する色です。有効なHTMLカラーの 文字列を指定してください。 textStyle - この スライスのグローバルpieSliceTextSliceをオーバーライドします。それぞれのオブジェクトの配列を指定することができます。オブジェクトの配列は、与えられた順序でスライスに適用されます。オブジェクト を指定できます。各子には、適用スライスを示す数値キーがあります。 。たとえば、次の2つの宣言は同じです。 は、最初のスライスを黒、4番目を赤と宣言します。
スライス：{color： 'black'、{}、{}、{color： 'red' }] スライス：{0：{色： 'ブラック'}、3：{色： '赤'}私はこのコードを置くべき場所}
は知ってはいけない、ここでの遊び場です：https://code.google.com/apis/ajax/playground/?type=visualization#pie_chart
これは私の試行です（動作しません）
function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 7]
]);
// Create and draw the visualization.
new google.visualization.PieChart(document.getElementById('visualization')).
draw(data, {title:"So, how was your day?", slices: [{color: 'black', {color: 'blue'}, {color: 'green'}, {color: 'red'}, {color: 'white'}]});
}
お時間をいただきありがとうございます。 /////////////////////////////////////////////////////////////////////// ///////////////////////////////////////
EDIT：
<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'}]
あなたを参照してくださいを使用していました。
こんにちはみんなは、私は問題は遊び場ためだと思います。私は私のVPSでこのコード（編集された記事を参照）をテストし、正常に動作しました。 – Jesus