0

私は、Google Charts の Visualization API と縦棒グラフ パッケージを使用しています。必要なデータでグラフを生成できますが、ページの読み込み後にグラフの一部を変更できますか? 具体的には、1 つの列の色を変更したいと考えています。Chrome の Element's Panel ツールで DOM を編集してこれを行いましたが、実際にこれを自分のページにコーディングする方法はありますか?それとも運が悪いのでしょうか? ありがとう！

4

1 に答える 1

0

同様の課題がありました。私の場合、棒グラフの棒ごとに異なる色が必要でしたが、これは vis API ではサポートされていません。

私はこれで終わりました（jqueryを使用しますが、ネイティブdom関数を使用するだけで実行できない理由はありません）statusCols btwは単なるhtml色の配列です...

 function colorBars(){
  $("#masterstatus g rect[fill='#3366cc']").each(function(){$(this).attr("bar", 'true')})
  $("#masterstatus g rect[bar='true']").each(function(barNo){
   $(this).attr("fill", statusCols[barNo]);
  });
 }

秘密は (すでに発見されているように聞こえるかもしれませんが)、変更する dom 要素を特定することです。それは $("#masterstatus g rect[fill='#3366cc']") ビットです。デフォルトの色とそれらを繰り返します。あなたの場合、序数を選びたいです（たとえば、コレクションの3番目のもの）

それが役立つことを願っています。

実際、他の誰かがより良い方法を考え出すことをさらに願っています...

于 2013-04-22T03:40:51.430 に答える