【火子哥10.0.2】echarts图表使用

      各位大佬们好，今天在使用活字格10版本中的echarts插件的时候，出现点小状况，在开发页面(echarts设置)界面，可以正常渲染出图表。但是运行整个项目的时候，图表并未正常渲染出来，在控制台打印数据发现，解构出来的数据值为undefined，接着我在"页面加载时"命令中设置了刷新表格命令(如下图)，再次运行项目，图表正常渲染。那么我这边就猜测应该是获取表格数据的过程是一个异步操作，所以导致首屏加载时没有成功渲染
      想请问一下，活字格官方有提供解决的方法回调吗？因为编辑界面只能看到部分代码，并不能看到挂载等代码，所以个人并不方便用promise去解决。

不客气哈~
后边有问题欢迎随时发帖交流

Lay.Li 发表于 2024-6-26 10:21
您好，那这个的话，可以给文本框值变更命令中加载一个刷新图表的命令
正如您所述，页面加载的时候，文本 ...

嗯嗯，这样其实就和我在页面加载时放命令是差不多的效果。还是感谢大佬的解惑

Lay.Li 发表于 2024-6-25 17:44
您好，这个应该不会有问题，这个告警只是说页面这个表格在页面初始化的时候加载了很多次数据，会影响性能， ...

大佬，我知道原因了，与页面表格确实没有关系，是因为图表页面是从另一个A页面跳转过去的，并且从A页面要传递一个数据到图表页，图表页的数据源又要借助这个查询条件进行查询。这个时候图表就会是空。我做了个demo来展示，感觉应该是图表查询数据的时机早于传递参数的时机。那以后涉及到跳转传参展示图表就只能在页面加载时加个刷新图表的命令吗？？

您好，这个应该不会有问题，这个告警只是说页面这个表格在页面初始化的时候加载了很多次数据，会影响性能，可以参考下方帖子的第二点



干货必读提升性能：一、表格设置
https://gcdn.grapecity.com.cn/showtopic-156142-1-1.html
(出处: 葡萄城开发者社区)





也可以试试先将这个表格删除掉再运行，看看会不会有问题就可以排除了

Lay.Li 发表于 2024-6-25 11:50
您好，看了一下这个是用方式，感觉没有什么问题，您页面中使用echart的这个地方，有设置什么页面加载时命令 ...

大佬，我刚才发现我同事在图表页面最右侧还放了一个隐藏表格，并且运行项目后，控制台还有警告。所以会不会是因为这个表格的原因，导致echarts图表的数据没获取到？

您好，看了一下这个是用方式，感觉没有什么问题，您页面中使用echart的这个地方，有设置什么页面加载时命令么。这边儿测试了一下用内建库和外连库都没有发生这种情况的，一般图表就直接加载出来了，感觉可能是工程文件中设置的问题，外连库的话，您可以试试转为内建表，就上传有问题的这个页面，我们调查一下看看


【外联转内置】
外联表转内建表的具体步骤：
1.复制一份工程文件（复制一份主要是为了避免你将你的原版工程的数据库转成内置后，还要再转回去，比较麻烦）；
2.打开某一个工程文件，按下ctrl+shift 同时点击“内建表转为外联表”（这个按钮在菜单栏“数据”项下）
3.按下ctrl+s保存
4.将转换后的这个工程上传即可~
外联视图复制的具体步骤
1.复制一份工程文件（复制一份主要是为了避免复制出了表之后还要删除，比较麻烦）；
2.按住ctrl+shift的同时，右击视图，点击复制。即可新建一张数据和视图完全相同的内建表
3.按下ctrl+s保存
4.将转换后的这个工程上传即可~

Lay.Li 发表于 2024-6-24 18:01
您好，echarts设置中的js是怎么写的呢。可以上传一下demo和外连表备份，我们这边儿测试一下看看

大佬，你看一下

您好，echarts设置中的js是怎么写的呢。可以上传一下demo和外连表备份，我们这边儿测试一下看看

Lay.Li 发表于 2024-6-24 14:56
您好，现在echart图表的数据源是怎么设置的呢，是来源于数据源，还是来源于json呢，建议您可以发一个demo ...

大佬，我们的数据源是来自数据表的（如下图），在echarts设置界面保存并运行的时候，图表是可以正常渲染的，看了控制台也是可以拿到值的，但是运行项目后，浏览器中就是空白，看了控制台打印的值也是undefined，用命令刷新echarts图表数据就出来了，再看控制台打印的值也就有了。这种在正常的开发下也是有这种情况的，就是因为获取数据是一个异步的操作。
我刚才尝试在本地用活字格的数据表来做个demo演示，但是效果又是正常的，我遇到问题的又是一个外联表，所以不是很好做demo演示

您好，现在echart图表的数据源是怎么设置的呢，是来源于数据源，还是来源于json呢，建议您可以发一个demo上来，我们看一下您demo中的设置，这样我们也可以更好的帮助到您，或者也可以参考一下下方的公开课
echart图表公开课