找回密码
 立即注册

QQ登录

只需一步,快速开始

132156+54685468
初级会员   /  发表于:2023-9-28 14:57  /   查看:1153  /  回复:7
图片.png636665649.png
怎么修改数据集
组件力里的数据都没有变化,将原来的数据集删除也没有反应



7 个回复

倒序浏览
Felix.LiWyn认证
超级版主   /  发表于:2023-10-7 13:57:45
来自 4#
其实就是因为这些图表用的内置mock数据,把对应的mock数据修正成数据绑定就可以:
1.判断是否是mock:
  1. let isMock = option.series[0].name == "C12" ? true : false
复制代码

image.png282425231.png
当然,每一个图表的第一个可能不是C12,这个咱们根据图表自己console一下就知道了。

2.判断seriesData 应该用mock还是原始数据:
  1. let seriesData = isMock ? [
  2.   { name: '电子邮箱', data: [120, 132, 101, 134, 90, 230, 210] },
  3.   { name: '联盟广告', data: [220, 182, 191, 234, 290, 330, 310] },
  4.   { name: '视频广告', data: [150, 232, 201, 154, 190, 330, 410] },
  5.   { name: '直播', data: [320, 332, 301, 334, 390, 330, 320] },
  6. ]: option.series.map(series => {return {name: series.name,data: series.data.map(data => data.value)}})
复制代码
这里是一个伪代码。您参考自己用的图表,修改seriesData,然后在判断不是mock数据的时候,我们可以option.series.data里面获取到绑定的数据。然后利用map重新返回成需要的格式就可以,


回复 使用道具 举报
Felix.LiWyn认证
超级版主   /  发表于:2023-9-28 16:03:36
沙发
您好,因为这个组件目前其实是需要咱们自己做一点数据代码切换的,

否则是内置的Mock数据,这个问题已将做了反馈,您可以使用如下组件模板,是已经修改后的:
wyn-export-20230928160103.zip (2.1 MB, 下载次数: 40)
回复 使用道具 举报
132156+54685468
初级会员   /  发表于:2023-10-7 13:46:17
板凳
Felix.Li 发表于 2023-9-28 16:03
您好,因为这个组件目前其实是需要咱们自己做一点数据代码切换的,

否则是内置的Mock数据,这个问题已将 ...

我这里还有几个控件都这样,能告诉我一下具体怎么修改吗?
回复 使用道具 举报
132156+54685468
初级会员   /  发表于:2023-10-7 14:18:36
5#
Felix.Li 发表于 2023-10-7 13:57
其实就是因为这些图表用的内置mock数据,把对应的mock数据修正成数据绑定就可以:
1.判断是否是mock:

请问用什么软件打开你这个界面对应的是文件夹中的哪个文件
回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2023-10-7 18:00:50
6#
您好,这是7.0的插件的代码页面;
您把楼上版主的zip附件导入系统,然后创建组件,选中组件中的图表,在右侧的的属性面板能看到一个 自定义属性,打开就能看到版主的代码:
image.png739780578.png
image.png805734252.png
回复 使用道具 举报
132156+54685468
初级会员   /  发表于:2023-10-8 08:46:54
7#
Eden.Sun 发表于 2023-10-7 18:00
您好,这是7.0的插件的代码页面;
您把楼上版主的zip附件导入系统,然后创建组件,选中组件中的图表,在右 ...

您好我想问一下其中的C12是怎么来的
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2023-10-8 09:54:13
8#
132156+54685468 发表于 2023-10-8 08:46
您好我想问一下其中的C12是怎么来的
您好,C12的获取方法有2种:
方法1:
1、选中对应的组件,打开自定义属性,点击“查看配置项“
image.png82298277.png
2、查看对应的series下的第一个name,当然这里的截图是静态的值,其他组件的您可以通过同样的方法来查看。
image.png552856444.png

方法2:
在自定义属性中使用console看控制台的打印(F12打开浏览器的控制台),其他组件的您可以通过同样的方法来查看。具体设置方法可以参考下图:
image.png701259765.png

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部