2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Highchartsの画像ダウンロードメニュー日本語化方法

Posted at

はじめに

データのビジュアライズにHighchartsを使っています。
Highchartsの公式サイトはこちら
Interactive JavaScript charts for your webpage | Highcharts

Highchartsは商用利用だと有償になりますが、簡単に見栄えの良いグラフが作れるので有償ならば一択な感じです。
どのようなグラフが作れるかはデモサイトが参考になります。
Highcharts demos | Highcharts

今回、グラフの右上にある画像ダウンロードメニューの日本語化方法を説明します。
図.png

画像ダウンロードメニューの日本語化方法

Highchartsのグローバルオプションとして最初に以下のように設定するだけです。

Highcharts.setOptions(
    {lang:
        {
            contextButtonTitle: '画像としてダウンロード',
            printChart:         'グラフを印刷',
            downloadJPEG:       'JPEG画像でダウンロード',
            downloadPDF:        'PDF文書でダウンロード',
            downloadPNG:        'PNG画像でダウンロード',
            downloadSVG:        'SVG形式でダウンロード'
        }
    }
);

contextButtonTitleはボタンにマウスオーバーした際にツールチップ表示されるテキストです。

おわりに

データのビジュアライズによくHighchartsとChart.jsは比較されますが
商用利用にあたってはHighchartsは有償のため、その分オプション設定などはHighchartsの方が充実しています。
ただ、指定できるオプションが非常に多く便利な設定も忘れがちになるため、備忘録的にメモしていきます。

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?