質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Google Charts

Google Chartsは、円グラフ・棒グラフ・折れ線グラフなどのさまざまなグラフをJavaScriptで容易に表示できる無料のライブラリ。デザインやイベント処理といったカスタマイズができ、商用利用も可能です。

Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

0回答

773閲覧

Google Chartsでフォント変更をガイド通りしても変わらない

退会済みユーザー

退会済みユーザー

総合スコア0

Google Charts

Google Chartsは、円グラフ・棒グラフ・折れ線グラフなどのさまざまなグラフをJavaScriptで容易に表示できる無料のライブラリ。デザインやイベント処理といったカスタマイズができ、商用利用も可能です。

Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2018/03/17 23:54

編集2018/03/18 12:42

chartのtitleのfontを変更したいのですが、できません。
ガイドによるとoptions.titleTextStyle.fontNameを変更すれば変わるはずなのですが。。。

html

1<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

javascript

1 google.charts.load('current', { 2 packages: ['corechart', 'controls'] 3 }); 4 google.charts.setOnLoadCallback(controlsAndDashboards); 5 6 function controlsAndDashboards() { 7 8 var data = new google.visualization.DataTable(); 9 data.addColumn('date', '日付'); 10 data.addColumn('number', '数値'); 11 var row = [] 12 for (var day = 1; day < 100; ++day) { 13 var date = new Date(2015, 0, day); 14 row.push([date,Math.floor(Math.random() * 5)]); 15 } 16 data.addRows(row); 17 var dashboard = new google.visualization.Dashboard( 18 document.getElementById('dashboard')); 19 20 var chartRangeFilter = new google.visualization.ControlWrapper({ 21 controlType: 'ChartRangeFilter', 22 containerId: 'control', 23 options: { 24 filterColumnIndex: 0, 25 ui: { 26 chartType: 'AreaChart', 27 chartOptions: { 28 chartArea: { 29 width: '95%', 30 height: '100%' 31 } 32 } 33 } 34 }, 35 state: { 36 range: { 37 end: new Date(row[row.length - 1][0]), 38 start: new Date(row[row.length -30][0]) 39 } 40 } 41 }); 42 43 var columnChart = new google.visualization.ChartWrapper({ 44 chartType: 'ColumnChart', 45 containerId: 'timeChart', 46 options: { 47 title: "題名titleタイトル123", 48 titleTextStyle: { 49 color: "red", 50 fontName: "メイリオ" 51 } 52 } 53 }); 54 55 dashboard.bind(chartRangeFilter, columnChart); 56 dashboard.draw(data); 57 58 }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問