[lineChart] Adding tooltip support

倉庫指標

星標

757 顆星 (757 顆星)

PR 合併指標

30 天內沒有已合併 PR (30 天內沒有已合併 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",
      }]
})

貢獻者指南

研究方向

實現一個工具提示，在懸停數據點時顯示對應的標籤和值。使用畫布上的滑鼠事件監聽器檢測懸停位置，並渲染顯示數據的工具提示框。

技術棧

javascript

領域

frontend

議題類型

功能

難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。

3

預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。

1-2 天

活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。

活躍

清晰度議題是否清楚說明預期改動、驗收標準和下一步。

清晰

前置要求

JavaScriptHTML5 Canvas

新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。

65