dojox chartingのカスタムテーマ

Question

webmap IDをロードしていて、feature_layerポップアップに2つのグラフがあります。 私のような単純なものでチャートのテーマを変更したい：

colors: ["#00ff78", "#7f0043", "#8ecfb0", "#f8acac", "#cc4482"] 
colors: ["#57808f", "#506885", "#4f7878", "#558f7f", "#508567"] 

私は私の.html内のコードはできますか？ 私のウェブアプリはJS Binにあります。 ありがとう、ミシェル。

Answer 1

あなたのチャート（SVG）要素のインラインスタイルを上書きする次のCSSを使用できます。

セレクターによれば、svgグループの退職者の子xを選択し、その塗りつぶしの色を変更します。

http://jsbin.com/lapefab/edit?html,css,output

g > path:nth-of-type(1){ 
    fill: #FAEBD7; 
} 

g > path:nth-of-type(2){ 
    fill: #8A2BE2; 
} 

g > path:nth-of-type(3){ 
    fill: #7FFF00; 
} 

私は、あなたが、どのように自分のスタイルを適用する場所の完全な制御を持つことができますので、あなたにチャートをIDを割り当てることを示唆しています。例：

#yourChart > path:nth-of-type(1){ 
     fill: #FAEBD7; 
    } 

#yourChart > path:nth-of-type(2){ 
     fill: #8A2BE2; 
} 

#yourChart > path:nth-of-type(3){ 
     fill: #7FFF00; 
}