From 3654c46cf7127c6f3fc2d52f6e02a2361770145b Mon Sep 17 00:00:00 2001
From: ZCF1024 <184248697@qq.com>
Date: Sun, 3 Jan 2021 15:49:25 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=9B=BE=E8=A1=A8=E5=8F=AF?=
 =?UTF-8?q?=E6=8B=96=E5=8A=A8=E5=8C=BA=E5=9F=9F=E9=AB=98=E4=BA=AE=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C=EF=BC=8C=E9=BC=A0=E6=A0=87=E7=BB=8F=E8=BF=87=E5=8F=AF?=
 =?UTF-8?q?=E6=8B=96=E5=8A=A8=E5=8C=BA=E5=9F=9F=E6=97=B6=E9=BC=A0=E6=A0=87?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=8D=81=E5=AD=97=EF=BC=8C=E4=B8=8D=E5=8F=AF?=
 =?UTF-8?q?=E6=8B=96=E5=8A=A8=E5=8C=BA=E5=9F=9F=E6=98=BE=E7=A4=BA=E7=AE=AD?=
 =?UTF-8?q?=E5=A4=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/css/luckysheet-core.css       |  4 ++++
 src/expendPlugins/chart/plugin.js | 24 +++++++++++++++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/css/luckysheet-core.css b/src/css/luckysheet-core.css
index c995f00..30f0dc9 100644
--- a/src/css/luckysheet-core.css
+++ b/src/css/luckysheet-core.css
@@ -18,6 +18,10 @@
     user-select: none;
 }
 
+.chart-moveable{
+  cursor: move;
+}
+
 .luckysheet {
     position: absolute;
     /*             width: 100%;
diff --git a/src/expendPlugins/chart/plugin.js b/src/expendPlugins/chart/plugin.js
index 063b97d..a3d4579 100644
--- a/src/expendPlugins/chart/plugin.js
+++ b/src/expendPlugins/chart/plugin.js
@@ -9,7 +9,7 @@ import { rowLocation, colLocation, mouseposition } from '../../global/location'
 import { setluckysheet_scroll_status } from '../../methods/set'
 import {
     luckysheetMoveHighlightCell,
-    luckysheetMoveHighlightCell2,
+    luckysheetMoveHighlightCell2, 
     luckysheetMoveHighlightRange,
     luckysheetMoveHighlightRange2,
     luckysheetMoveEndCell
@@ -132,6 +132,8 @@ function renderCharts(chartLists, isDemo) {
             })
         ).appendTo($('.luckysheet-cell-main'))
 
+        setChartMoveableEffect($t);
+
         $(`#${chart_id_c}`).children('.luckysheet-modal-dialog-content')[0].id = chart_id
 
         let container = document.getElementById(chart_id_c)
@@ -1217,6 +1219,8 @@ function createLuckyChart(width, height, left, top) {
         delChart(chart_id)
     })
 
+    setChartMoveableEffect($t);
+
     // edit current chart
     $(`#${chart_id}_c .luckysheet-modal-controll-update`).click(function (e) {
         showChartSettingComponent()
@@ -1329,6 +1333,24 @@ function createLuckyChart(width, height, left, top) {
         })
 }
 
+/**
+ * 设置图表可拖动区域高亮效果，鼠标经过可拖动区域时鼠标显示“十字”，不可拖动区域显示箭头
+ * @param {JQuery} $container 图表的容器DIV
+ */
+function setChartMoveableEffect($container) {
+  $container.find('.luckysheet-modal-dialog-content').hover(function () {
+    $container.removeClass("chart-moveable");
+  }, function () {
+    $container.addClass("chart-moveable");
+  });
+
+  $container.hover(function () {
+    $container.addClass("chart-moveable");
+  }, function () {
+    $container.removeClass("chart-moveable");
+  });
+}
+
 // delete chart
 function delChart(chart_id) {
     // delete container