找回密码
 立即注册

QQ登录

只需一步,快速开始

hongshanshan SpreadJS 开发认证
高级会员   /  发表于:2021-11-18 23:12  /   查看:2108  /  回复:3
sheet内通过代码生成了多个图表,因为要拖拉图表,所以希望选中的图表可以置于顶层,
目前是绘图的最后一个图表才会置于顶层

3 个回复

倒序浏览
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-11-19 15:25:33
沙发
可以通过设置 zindex 来使某一个chart置顶。
根据您的需求写了一个demo,可以参考下附件。
测试步骤:
使用设计器创建多个chart,然后选择某一个chart试试看:

主要代码:
  1. sheet.bind(GC.Spread.Sheets.Events.FloatingObjectSelectionChanged, function (e, info) {
  2.             console.log(info);
  3.             // typeName为2 表示为chart
  4.             if(info.floatingObject.typeName == '2') {
  5.                 // 获取选择的chart 的 name
  6.                 var Selname = info.floatingObject.name();
  7.                 // 设置选择的chart 的 zindex。(998只是示例)
  8.                 sheet.charts.zIndex(Selname, 998);
  9.                 // 遍历获取chart
  10.                 var charts = sheet.charts.all();
  11.                 for(var i=0; i<charts.length; i++) {
  12.                     var name = charts[i].name();
  13.                     if(name == Selname) {
  14.                         continue;
  15.                     }
  16.                     // 设置其他chart index为小于998
  17.                     sheet.charts.zIndex(name, 600);
  18.                 }
  19.             }
  20.         });
复制代码
完整代码请见附件。

选中的chart置顶.html

3.09 KB, 下载次数: 63

回复 使用道具 举报
hongshanshanSpreadJS 开发认证
高级会员   /  发表于:2021-11-22 11:14:11
板凳
可以,谢谢
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-11-22 11:40:01
地板

那这边就结贴了,有新问题欢迎开新帖交流~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部