選択された商品をドラッグ&ドロップで並び替えできる機能を追加しました。
GripVerticalアイコンを追加してドラッグ可能であることを視覚的に表示draggedIndexでドラッグ中のアイテムを追跡handleDragStartでドラッグされたアイテムのインデックスを記録handleDropで配列の順序を変更し、orderプロパティを更新handleDragEndで状態をリセットcursor-moveでドラッグ可能であることを示すこれにより、ユーザーは選択した商品の順序を自由に変更でき、グラフの表示順序をコントロールできるようになりました。
選択された商品をプレビューに反映するように修正しました。
グラフタイプ別対応:
これにより、ユーザーは選択した商品とその順序が実際のグラフにどのように反映されるかを、リアルタイムで確認できるようになりました。