经验交流区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 前端
查看: 626|回复: 5

[提问] 如何实现拖动 echarts 图表时复制一个相同图表

[复制链接]

1

主题

4

帖子

15

积分

新手上路

Rank: 1

积分
15
发表于 2017-8-4 16:50:46 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
如图所示,我想要实现拖动左边的图表到右边区域时,复制一个相同图表到右边,并且右边的图表被选中时可以选择删除、复制操作。右边的图表也能在右边区域内随意拖动其摆放位置

echarts效果

echarts效果
分享、交流、沉淀
回复

使用道具 举报

0

主题

2

帖子

14

积分

新手上路

Rank: 1

积分
14
发表于 2017-8-7 15:38:06 | 显示全部楼层
左边是图片还是 一个数据表?
分享、交流、沉淀
回复 支持 反对

使用道具 举报

1

主题

4

帖子

15

积分

新手上路

Rank: 1

积分
15
 楼主| 发表于 2017-8-7 17:07:54 | 显示全部楼层
Andy丶Hello 发表于 2017-8-7 15:38
左边是图片还是 一个数据表?

左边是一个echarts数据表
分享、交流、沉淀
回复 支持 反对

使用道具 举报

1

主题

4

帖子

15

积分

新手上路

Rank: 1

积分
15
 楼主| 发表于 2017-8-8 09:35:24 | 显示全部楼层
已经解决了
分享、交流、沉淀
回复 支持 反对

使用道具 举报

1

主题

4

帖子

15

积分

新手上路

Rank: 1

积分
15
 楼主| 发表于 2017-8-8 10:34:24 | 显示全部楼层
要实现该功能需先收入jquery.js、jquery ui.js 和echarts.js文件

HTML 文档结合css完成左右布局

HTML 文档结合css完成左右布局

CSS 文档

CSS 文档

初始化图表

初始化图表

jquery UI的拖拽放置方法

jquery UI的拖拽放置方法
分享、交流、沉淀
回复 支持 1 反对 0

使用道具 举报

0

主题

1

帖子

10

积分

新手上路

Rank: 1

积分
10
发表于 2018-1-5 11:16:05 | 显示全部楼层
小鱼 发表于 2017-8-7 17:07
左边是一个echarts数据表

交流下
分享、交流、沉淀
回复 支持 反对

使用道具 举报

QQ|Archiver|手机版|小黑屋|久久经验网 ( 浙ICP备14027581号

GMT+8, 2018-1-24 05:37 , Processed in 0.368361 second(s), 38 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表