はじめに
データのビジュアライズにHighchartsを使っています。
Highchartsの公式サイトはこちら
Interactive JavaScript charts for your webpage | Highcharts
Highchartsは商用利用だと有償になりますが、簡単に見栄えの良いグラフが作れるので有償ならば一択な感じです。
どのようなグラフが作れるかはデモサイトが参考になります。
Highcharts demos | Highcharts
今回、グラフの右下にデフォルトで表示されているクレジット「Highcharts.com」の削除・変更方法を説明します。
クレジットの削除方法
チャート生成時のオプションに以下のように設定するだけです。
credits: {
enabled: false
},
クレジットの変更方法(リンク有り)
チャート生成時のオプションに以下のように設定します。
リンク先も忘れずに設定します。
credits: {
text: '© EXAMPLE, Inc.',
href: 'https://www.example.com'
},
クレジットの変更方法(リンク無し)
チャート生成時のオプションに以下のように設定します。
リンク先を設定しない場合はstyleでcursorも無効にしておきます。
credits: {
text: '© EXAMPLE, Inc.',
href: null,
style: {"cursor": "default", "color": "#999999", "fontSize": "10px"}
},
おわりに
データのビジュアライズには主にHighchartsとChart.js(たまにD3.js)を使っています。
豊富なオプションやサンプルがある点でChart.jsも優れたライブラリですが
商用利用は有償だけあって、Highchartsの方が豊富さは一歩抜き出ている気がします。
小さなことだったりしますが、躓いたところなどHighcharts関連も今後少しずつアップしていこうと思っています。