おはようございます。ゴーリスト新卒一年目、見習い開発者のバンナイです。

このブログの背景

先日、弊社で、AngularJSを使って書かれていたWEBアプリケーションをAngular4で書き換えるというプロジェクトに携わらせてもらいました。

初めてのフロントコーディング、初めてのフロントでの外部ライブラリの使用、初めてのAngular、ということでいろいろなことがありました。

その中でも比較的時間が割かれたグラフ機能に関して色々やったことをブログに書きたいと思います。

最初のグラフが描画されるまで
グラフの見た目を整える
グラフを動的に描画する

の三本立てで書きたいと思います。

続きはこちら！

株式会社ゴーリストでは一緒に働く仲間を募集しています

Angularでng2-chartsを使ってグラフを描画する

田上千夏

株式会社ゴーリスト /

株式会社ゴーリスト

ゴーリストは、「個と組織をGoalに導くプロフェッショナルチーム」をミッションに掲げて、BigDataTechBigDataTech領域の自社サービスの企画・開発、上流からリリースまでのすべてを行うプロダクトパートナーとしての受託開発、２つの事業を軸にクライアントのソリューションを提供しています。会社HP：http://www.goalist.co.jp/ ▼開発中／提供中のサービス ■HR業界・採用担当者向け採用支援ツール　「HRogマップ」 URL：https://map.hrog.net/ 最新の求人情報をGoogleマップ上にマッピングすることで視覚的にエリア毎の時給相場を把握できる HR業界・採用担当者向け採用支援ツールです。 ■100超の求人媒体を瞬時に集計・分析　「HRogチャート」 URL：https://chart.hrog.net/ HRogチャートは過去から最新の求人情報を自由自在に集計・分析できるクラウドサービスです。 100サイトを超える日本中のWEB求人メディアをクローリングすることで日々求人情報を蓄積し、その総数は、5億件を突破しました。このの大量データと独自開発のテキストマイニング技術 ✕ 使いやすいUIで、これまでになく簡単な操作・手順で、高精度の集計・分析を可能にするサービスがHRogチャートです。また、労働指標の推計手法に関する研究をしている東京大学大学院研究室にもデータを提供して、研究活動をサポートしています。 ■HR業界向け営業リスト生成ツール　「HRogリスト」 URL：https://list.hrog.net/ 「営業リストに、競合調査に、市場分析に。攻めにも守りにも。人材業界専用。」国内の主要な求人媒体全てからデータを取得し、それらの大量なデータを使いやすい形のリストにしてご提供しているサービスです。弊社独自のクローリング技術・スクレイピング技術により、今までのクローリングデータではありえないほどの、精度の高いリストを提供しています。また、求人媒体の広告プランを自動判定したり、社名や電話番号等で名寄せする等、痒いところに手の届くサービスで、人材業界大手企業様を中心に導入いただいています。 ■人材業界に特化したキュレーションメディア　「HRog」 URL：http://hrog.net/ 人材業界の方が気になるニュースを厳選しご提供している、キュレーションメディアです。ゴーリスト独自のデータを元にした求人掲載件数のレポートや海外ニュースの要約、厚生労働省等が発表しているオープンデータを元にした人材業界インフォグラフィックなど、オリジナルの記事も多数掲載し、人材業界の方に広く御覧いただいています。

フォロー