2011-09-15 9 views
4

GoogleのビジュアライゼーションAPIを使用してWebアプリケーションに埋め込み円グラフを作成しています。GoogleビジュアライゼーションのカスタマイズPieChartのルックアンドフィールと円の枠線とスライスマージン

http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html

APIは素晴らしい作品、私はちょうど表情で問題を抱えてカスタマイズを感じています。

http://code.google.com/apis/chart/interactive/docs/customizing_charts.html

への道があれば、私は理解することはできません。

  1. 幅と色を編集する円グラフ円形や長方形でない

  2. 周囲に境界線を作るにはパイスライスマージン/セパレーター?ここで

+0

この回答をお探しですか?私は同じ問題を経験しています... – Noam

+0

+1そのカスタマイズのチャートのリンクを探しています。 – Liam

答えて

0

は、私がどうなるのかです:FirefoxでFirebugを使用して

は、グラフを選択し、CSSを見てください。境界線の名前をFirebugで選択して探します。

次へ:

1)は、境界線を削除し、必要な境界線を持つDIVにグラフを埋め込むためにCSSを作成します。ブラウザの互換性によっては、丸められた枠線の代わりにCSSの代わりに画像を使用することができます。

または

2.)境界線を必要に応じて変更するには、CSSを使用します。

+0

Googleの視覚化によってチャートのコンテンツがIFrameに読み込まれるため、自分のページに読み込まれたCSSのスタイルをオーバーライドすることはできません。クローム開発ツールを使用することで、色がパス要素のストロークとストローク幅の値によって設定されることに気付きました。これらの値はbackgroundColor:{fill、stroke、strokeWidth}によって変更されることはありません。 –

関連する問題