2014-01-01から1年間の記事一覧
GoogleChartのメーター表示、gaugeで%表示をします。 %表示をするにはGoogle Visualization APIのNumberFormatを使います。 var formatter = new google.visualization.NumberFormat( {suffix: '%',pattern:'#'} ); formatter.format(data,1);gaugeで使った…
Google Search APIで検索ヒット数を表示させてみたくて、調べてみました。 その数を%で表示するのも付け足してみました。 こちらとこちら(公式)を参照させて頂きました。 この結果をなんとかしてGoogle Chartに組み込むことはできそうです(が、やれてない)。 <html></html>…
GoogleチャートのOrgチャートの外観をCSSで設定します。 これで影Uzeeee!とかフォント変えたい!とかから解放されますね。 (全体のフォントサイズは変えられないっぽいです。個別には変更可能ですが) 下のテーブルとのリンクをベースにしているため、ややコー…
こちらを参照させて頂きました。ありがとうございます。 組織図のサブ項目(以下の図だと「孟徳」)とテーブルのデータにリンクを貼るってのに少し手間取りました・・・ 組織図の色はてきとーです。下のスクショのように図の大きさを設定する場合はの中で。 <html> <head> <meta charset="UTF-8"> <script type='text/javascript' src='https://www.google.com/jsapi'></script></meta></head></html>…
前回の図に引き続き、テーブルのレイアウトをカスタマイズしてみました。 こちらを参照させて頂きました。 配色は分かりやすいように極端にしてあります。 テーブルのレイアウトはCSSで作っておいて、「var table = new google.visualization.Table」〜の前…
GoogleChartでスプレッドシートを使って動的なグラフを描こうといろいろオベンキョウしてたときにハマったのでメモ。 ドットインストールを見つつやっていたのですが、Googleドライブになっていろいろ設定が変わったようで。 コードはドットインストールと変…
