「Wijmo（ウィジモ） 5」新版で追加されたFinancialChartを使いこなす

ECMAScript 5に準拠した高速・軽量なJavaScript UIライブラリ「Wijmo 5」の活用 第5回

　本連載では、グレープシティが提供するJavaScriptライブラリWijmo（ウィジモ）について、サンプルとともに利用例を紹介します。今回は2015年9月のアップデートで追加された新コンポーネント「FinancialChart」を取り上げます。FinancialChartを使うと、株式やFXといった金融の分野でよく利用されるチャートをWebページに表示できます。

はじめに

　Wijmo（ウィジモ）は、グレープシティがHTML／JavaScript環境に向けて提供しているJavaScriptライブラリで、WebサイトやWebアプリケーションで活用できるUI部品を利用者に提供します。

　Wijmoを含めたグレープシティのライブラリ部品は2015年9月にバージョンアップを受けて「2015J v2」となりました。このバージョンアップでWijmoに新たに追加されたのがFinancialChartで、金融分野に特化したチャート部品になっています。

図1　FinancialChartの表示例（グレープシティのWebページより）

　FinancialChartは表1のような特徴を備えています。従来のチャート部品FlexChartをベースとして、金融向けの表示形式やツールを備えたものになっています。

表1　FinancialChartの特徴

概要	詳細
金融特化チャート	ローソク足や平均足などの表示をサポート
金融分析ツール	フィボナッチツールを提供
FlexChartと似た利用法	少ない学習コストで利用可能

　なおFinancialChartは技術的にはWijmo 5の一部として動作しますが、ライセンス的にはWijmoの最上位エディションであるWijmo Enterpriseが必要になります。

　本記事ではFinancialChartの概要と利用法を、サンプルを交えて説明していきます。

対象読者

• WebサイトやWebアプリケーションのレベルをワンランク上げたい方
• より軽量／高速なJavaScriptのUI部品を探している方
• 金融分野独特のチャートを手軽に表示したい方

必要な環境

　Wijmo 5はECMAScript 5をサポートする、いわゆるモダンブラウザをターゲットにしており、WijmoのWebサイトでは以下のブラウザがサポート対象として案内されています。

• Internet Explorer：9以上
• Microsoft Edge：最新版
• Google Chrome：5以上
• Mozilla Firefox：4以上
• Safari：5以上
• Opera：12以上

　今回は以下の環境で動作を確認しています。

• Windows 7 64bit版
  • Internet Explorer 11

　なお本記事のサンプルコードはAngularJS（バージョン1.3.15）およびWijmo 5のAngularJS連携機能を利用しています。Wijmo 5のAngularJS連携機能については本連載の過去記事で紹介しています。