请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步，快速开始

AI搜索
首页 › Wyn 商业智能专区 › 求助中心 › 查看内容
发新帖

4979

高级会员

130

主题

276

帖子

1194

积分

高级会员

积分
1194
最新发帖

[已处理] 折线图设置前n项如何显示其他

4979
高级会员   /  发表于：2025-6-27 08:52  /   查看：96  /  回复：5
10金币
如图，设置前n项后如何把其他的归类为其他显示出来


附件: 您需要 登录 才可以下载或查看，没有帐号？立即注册

最佳答案

Eden.Sun

查看完整内容

问题描述： 显示前N项。其余数据显示为其他 问题解决： 您好，在新版本中保留前N项，会直接舍弃其余的数据，按照您的要求可以修改图表的自定义属性来实现效果：

5 个回复

倒序浏览
最佳答案
最佳答案
Eden.SunWyn认证
超级版主   /  发表于：2025-6-27 08:52:15
来自 2#
问题描述：

显示前N项。其余数据显示为其他

问题解决：
您好，在新版本中保留前N项，会直接舍弃其余的数据，按照您的要求可以修改图表的自定义属性来实现效果：
  1. const data = option.series[0].data;

  3. // 默认保留前3项
  4. const preCount = 3;
  5. const newData = [];
  6. const newSeries = [];
  7. let otherNumSum = 0;

  9. // 确保数据有效
  10. if (!Array.isArray(data) || data.length === 0) {
  11.   return option;
  12. }

  14. // 处理数据
  15. for (let i = 0; i < data.length; i++) {
  16.   const item = data[i];
  17.   if (i < preCount) {
  18.     // 前preCount项保持原样
  19.     newData.push(item);
  20.     newSeries.push(item.name);
  21.   } else {
  22.     // 其余项合并为"其他"
  23.     otherNumSum += item.value;
  24.   }
  25. }

  27. // 添加"其他"项（仅当有合并数据时）
  28. if (otherNumSum > 0) {
  29.   newData.push({ name: "其他", value: otherNumSum});
  30.   newSeries.push("其他");
  31. }

  33. // 更新配置
  34. option.series[0].data = newData;
  35. option.xAxis.data = newSeries;
  36. option.tooltip = {}
  37. return option;
复制代码


本帖子中包含更多资源

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

x
回复 使用道具 举报
4979
高级会员   /  发表于：昨天 13:33
3#
Eden.Sun 发表于 2025-6-27 08:52
问题描述：

显示前N项。其余数据显示为其他

大佬好，帕累托图无法自定义属性，这种问题如何解决？
回复 使用道具 举报
lucas.Yan
超级版主   /  发表于：昨天 14:47
4#
4979 发表于 2025-7-9 13:33
大佬好，帕累托图无法自定义属性，这种问题如何解决？

帕累托图是一个插件，要么修改插件内容。您如果要对应插件代码的话，我这边给您打包一份。
或者就用组合图修改出一个帕累托图
回复 使用道具 举报
4979
高级会员   /  发表于：昨天 16:25
5#
lucas.Yan 发表于 2025-7-9 14:47
帕累托图是一个插件，要么修改插件内容。您如果要对应插件代码的话，我这边给您打包一份。
或者就用组合 ...

帕累托图的折现用组合图好像不好做，辛苦帮忙打包一份吧，感谢！
回复 使用道具 举报
lucas.Yan
超级版主   /  发表于：3 小时前
6#
请接收插件代码
下面是开发文档：


开发可视化插件 < 可视化插件 < 可视化图表 | Wyn商业智能

Apache ECharts

本帖子中包含更多资源

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

x
回复 使用道具 举报
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2025 葡萄城软件，保留所有权利

手机版| 小黑屋|

返回顶部