Highcharts Maps について

モバイル環境に最適化されたインタラクティブなグラフとマップをWebとモバイルアプリに追加

Highcharts Maps(旧Highmaps)は、Highchartsを基盤に、2009年から積極的に開発を行っている、SVGをベースとしたマルチプラットフォームチャートライブラリです。モバイル環境に最適化されたインタラクティブなグラフとマップをWebとモバイルアプリに追加できます。

Highcharts Mapsでは、簡略化された地図をWeb ベースのプロジェクトに生成する標準的な方法を提供いたします。Highcharts JavaScript APIが使いやすく拡張されるため、ウェブ開発者はインタラクティブな地図を使って売上や選挙結果など、地理に関連した情報を表示できます。

Highcharts Mapsの特徴

幅広いマップコレクション
Highsoftでは、利便性の高い数百種類の地図を提供しています。これらの地図はすべてHighmapsで手軽にダウンロードでき、レンダリングできるように最適化されています。Highcharts Mapsで対応している地図の詳細は以下をご確認ください。

地図のカスタマイズs
Highcharts Maps は、独自の地図を作成できる機能を備えています。

色軸
凡例の中に異なる色軸を表示し、Highmapsの区画別段彩図をカラーレイアウトでコントロールできます。軸スケールの機能の大半を継承しているので、最小、最大、対数スケールなどの一般的なオプションがお使いいただけます。

直感的なナビゲーションとドリルダウン
Highmaps は、プラスまたはマイナスボタンによる操作やダブルクリックによるズーム、マウスホイールによるズーム、マルチタッチ、パンなど、一般的な操作にも対応。
ドリルダウンモジュールにより、1つのレイヤー上のマップエリア間の円滑な相互作用が保証され、基になるレイヤーの完全なマップが拡大できます。

バックエンドに依存しません
すべてのチャートライブラリがあらゆるバックエンドのデータベースまたはサーバースタックで動作します。

データ
CSVやJSONをはじめ、さまざまな形式のデータをロードでき、その場で更新できます。Highcharts Data Moduleを使って、CSVファイルやHTMLテーブル、Googleスプレッドシートなどの外部ソースからデータを読み込むことができます。

ラッパー、フレームワーク、アドオン
Highchartsは、.NETをはじめ、PHP、Python、R、Javaなどの最も一般的な言語とiOS用のラッパーに対応しています。入手するにはHighchartsまたはそのコミュニティをご覧ください。また、HighchartsはReact、Angular、VueJSなど、最も人気のあるフレームワークにも対応しています。

デバイス間の応答
デフォルトの応答性は、チャートをコンテナのサイズに合わせるだけでなく、凡例や見出しなどのグラフ以外の要素を最適な位置に自動配置します。

アクセシビリティ
Highchartsは、障がいのある人にも使っていただけるインタラクティブなチャートソリューションです。
すべてのHighchartsライセンスにHighcharts Accessibility Moduleを含むことで、必要なグラフを可能な限りご用意しています。HighchartsはWCAG2.1規格をガイドラインとし、障がいのあるユーザーにテストや新機能開発に参画いただいています。

最適化されたタッチ操作
タッチ操作に対応したグラフは、ネイティブアプリの感覚でモバイルやタッチパネルを使うことができます。データ検査のためのシングルタッチドラッグ、ズーム用のマルチタッチなどに対応。

任意のオプション機能
ほとんどのグラフは変更を必要とせず、希望の見た目や動作を実現。変更が必要な場合も、シンプルなオプション機能により自在なカスタマイズが可能です。
また、Highchartsでは、高度なアニメーションや機能を必要とする方のために、拡張機能やプラグインをご用意。

柔軟なスタイル設定
すっきりとしたグラフはどんな解像度でも鮮明に表示され、JavaScriptやCSSで簡単にスタイルを設定することもできます。

最新データに自動更新
グラフをプログラミングする際のフックとして使えるイベントを多数ご用意。データをその場で動的に更新し、アニメーションをカスタマイズすることで、データの複雑な関係性を簡単に示すことができます。
データは別のサイトからでも、どんな形でもHighchartsに渡すことができます。またコールバック関数を使ってデータを配列にパースすることもできます。

エクスポートと印刷
エクスポートモジュールを有効にすると、グラフをPNGやJPG、PDF、SVG形式にワンクリックでエクスポートしたり、ウェブサイトから直接グラフを印刷したりできます。

Highcharts Mapsで使える地図の一覧

  • カスタム
    • アフリカ
    • 南極
    • アジア
    • ネルクス
    • ブリテン諸島
    • など
    • ドイツ
    • ノルウェー
    • オランダ
    • アフガニスタン
    • アルバニア
    • など
  • カナダの州
    • アルバータ
    • ブリティッシュ・コロンビア
    • マニトバ
    • ニュー・ブランズウィック
    • ニューファンドランド・ラブラドール
    • など
  • フランス地域
    • オーヴェルニュ=ローヌ=アルプ
    • ブルゴーニュ=フランシュ=コンテ
    • ルターニュ
    • サントル=ヴァル ド ロワール
    • コルス島
    • など
  • ドイツの州
    • バーデン=ヴュルテンベルク
    • バイエルン
    • ベルリン
    • ブランデンブルク
    • ブレーメン
    • など
  • オランダ地域
    • ドレンテ
    • フレボランド
    • フリースラント
    • ヘルダーラント
    • フローニンゲン
    • など
  • ノルウェー王国
    • アグデル
    • インラント
    • ムーレ・オ・ロムスダール
    • ヌールラン
    • オスロ
    • など.
  • アメリカ合衆国
    • アラバマ
    • アラスカ
    • アリゾナ
    • アーカンソー
    • カリフォルニア
    • など
  • 米国連邦議会選挙区(第113期)
    • アラバマ州議会区
    • アラスカ州議会区
    • 米領サモア連邦議会区
    • アリゾナ州議会区
    • アーカンソー州議会区
    • など
  • 歴史上:国々
    • ノルウェー、admin2 (2019)
    • フランス (2015)
    • ブルンジ共和国 (2014)
    • インド紛争地 (2013)
    • インドネシア(2011)
    • など
  • 歴史上:ノルウェー王国 (2019)
    • アーケシュフ、 admin2 (2019)
    • アウスト・アグデル、 admin2 (2019)
    • ブスケルー、 admin2 (2019)
    • フィンマルク、 admin2 (2019)
    • ヘドマルク、 admin2 (2019)
    • など
  • 歴史上:フランス地域 Admin 2 (2015)
    • アルザス (2015)
    • アキテーヌ (2015)
    • オーベルニュ (2015)
    • バス・ノルマンディー (2015)
    • ブルゴーニュ (2015)
    • など