raphamorim/origami.js

[lineChart] Adding tooltip support

オープン

#48 opened on 2016/10/26

GitHub で見るコントリビューターガイド
 (6 件のコメント) (0 件のリアクション) (0 人の担当者)JavaScript (61 件のフォーク)batch import
Hacktoberfest

Repository metrics

Stars
 (757 個のスター)
PR merge metrics
 (30d に merged PR はありません)

説明

origami(canvas).chartLine({
    tooltip: true
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    fill: true,
    datasets: [
      {
        data: [1, 9, 8, 71, 56, 30, 60],
        line: "2px solid pink",
      }]
})

screen shot 2016-10-26 at 16 41 57

コントリビューターガイド

調査方針
データポイントにホバーした際に、対応するラベルと値を表示するツールチップを実装します。キャンバス上でマウスイベントリスナーを使用してホバー位置を検出し、データを表示するツールチップボックスをレンダリングします。
技術スタック
javascript
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
JavaScriptHTML5 Canvas
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65