1

Google Charting APIでデータを特定の色にバインドすることは可能ですか...

FIDDLEのように2つの円グラフがあるとします..データを特定の色にバインドしたい-

例 - すべてのチャートで、EAT は常に赤、SLEEP は常に緑である必要があります...

特定のアイテムが特定のチャートに表示されない場合、欠損値に対応する色はそのチャートに表示されません...

私が試してみました

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

としても

slices: {0: {color: 'black'}, 3: {color: 'red'}}

しかし、欠損値を処理できませんでした....

私がここで達成しようとしていることを明確に理解するには、フィドルを参照してください...

4

1 に答える 1

1

各カテゴリに使用する色の配列を設定します。円グラフの内容に基づいて描画されている現在の円グラフに使用する色の配列を入力し、各項目をループして相関する色を追加できます。JSfiddle に設定しました。ここでは一般的な色を使用しましたが、任意の 16 進数の色を使用できます。カテゴリに色が関連付けられていない状況については考慮していないため、問題になる可能性があるかどうかを確認する必要があります.

colors = {'Work':'blue',
      'Eat':'red',
      'Commute':'yellow',
      'Watch TV':'green',
      'Sleep':'purple',};

function colorsArray(data){
    var array = [];
    for (var i=0;i<data.length;i++){
        array.push(colors[data[i]['c'][0]['v']]);
    }
    console.log(array)
    return array
}

ここでフィドルを確認できます: http://jsfiddle.net/Qquse/130/

于 2013-05-10T16:48:09.020 に答える