如何製作一個可以自由拖拉新增範圍的圓餅圖

[Lovesmartx]

各位大大您好：

小弟想要設計一個圓餅圖，當使用者按下滑鼠拖移，會自動新增一個區塊，這個區塊的界線可以讓使用者自由改變，當使用者連點這顆區域兩下，就會刪除這塊區域。

目前完全沒有概念，不知道要用什麼元件去製作比較好。

構想是滑鼠在圓餅圖按下的瞬間就產生兩條界線，第一條留在原地代表起始值，第二條隨著使用者滑鼠的拖移，直到放開的瞬間固定住，當作結束值。

因為這個範圍是可以自由拖移，重新調整界線，所以應該是控制元件。

至於連點兩下，將此區域刪除...可能要看元件有沒有屬性可以回傳那個區域的範圍來偵測。

不知道各位大大有沒有相關的設計經驗，或是有什麼構想可以提點提點，感激不盡。