Bot.Media 向けチャート
Chart.js をベースに構築された、再利用可能な Vue および TypeScript のチャートコンポーネント。
Bot.Media
フロントエンドエンジニア — 再利用可能なデータ可視化コンポーネント
2019
TypeScriptVue.jsChart.js
提供されたダッシュボードデザインを再利用可能なChart.jsコンポーネントに変換し、クライアントのボイラープレートにTypeScriptを導入し、製品固有のデータ表示のためのカスタムツールチップ動作を実装しました。
ハイライト
Vue製品内での再利用を想定して設計された設定可能なチャートコンポーネント。
提供されたフロントエンドの基盤へのTypeScriptの導入。
標準のChart.jsのUIでは不十分な場合に対応する、カスタムツールチップ動作の実装。
7つのビジュアルステートにわたる再利用可能なコンポーネントを示すダッシュボードとチャートの例。
スクリーンショットとデモ
