VisActor/VChart

[Feature] support contains relation in venn chart

Open

#2,847 建立於 2024年6月24日

在 GitHub 查看
 (2 留言) (0 反應) (1 負責人)TypeScript (1,800 star) (212 fork)user submission
good first issue

描述

What problem does this feature solve?

Support chart like this: img_v3_02c5_d35ae1d8-65d1-4f78-8e0b-616f546379hu

What does the proposed API look like?

  data: {
    values: [
      // rest value
      { sets: [], value 6 },

      { sets: ['A'], value: 8 },
      { sets: ['B'], value: 10 },
      { sets: ['C'], value: 12 },
      { sets: ['A', 'B'], value: 4 },
      { sets: ['A', 'C'], value: 4 },
      { sets: ['B', 'C'], value: 4 },
      { sets: ['A', 'B', 'C'], value: 2 }
    ]

貢獻者指南

技術棧
typescript
領域
frontenddata
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
active
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
TypeScriptVChart Venn chart internalsVenn diagram concepts
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
65
研究方向
Examine the existing Venn chart implementation in VChart, likely under src/chart/venn. Understand how sets and values are currently rendered. Then implement the 'contains' relation by adding a new series type or modifying the existing Venn series to support hierarchical sets. Refer to the issue comments for any additional context.