【16.0.7】【图表导出图片应该怎么处理呢？】

收藏

本帖最后由 Vivi_JD 于 2023-6-30 10:59 编辑

我们一般用Excel做表格处理数据，都是sheet1制作看板展示，sheet1里看板的一些图表或者数据集列表的数据源依赖sheet2或者其他sheet页的数据。我要导出看板的渲染结果为图片，一般该怎么处理呢？咱们有现成的DEMO吗？谢谢大神。

我自己写的导出，有些技术卡点一直解决不了。
原编辑页面渲染样式：
image.png523761901.png

导出图片后的样式：

Joestar.Xu · Joestar.Xu

Vivi_JD 发表于 2023-6-30 18:17
好的谢谢啦

不客气哈，那就先结贴了，后续有问题随时开贴提问。

Joestar.Xu · Joestar.Xu

您好，听您的描述，您是想只将图表页导出，而不导出图表所依赖的数据页吗？

Vivi_JD · Vivi_JD

是的，咱们有没有最佳实践或者demo看看呀

Joestar.Xu · Joestar.Xu

本帖最后由 Joestar.Xu 于 2023-6-30 15:47 编辑

您好，图标必须要要有数据来支撑，否则是无法显示的。

关于您的这个需求，我们这边建议您将数据源所在的表直接隐藏掉，然后只显示图表页，实现的效果都是一样的。

参考API文档：https://demo.grapecity.com.cn/sp ... s.Worksheet#visible

Vivi_JD · Vivi_JD

Joestar.Xu 发表于 2023-6-30 15:46
您好，图标必须要要有数据来支撑，否则是无法显示的。

关于您的这个需求，我们这边建议您将数据源所在的 ...

是指的sheet页隐藏吗？我们这边研发反馈是跨sheet页，没有API可以获取图表的数据，图表是另外一个浮层上展示的。

Joestar.Xu · Joestar.Xu

本帖最后由 Ellia.Duan 于 2023-9-14 12:19 编辑

您好，您在创建chart的时候将数据源的参数设置为：指定SheetName!A1:b10 即可，如：sheet.charts.add('Chart1', GC.Spread.Sheets.Charts.ChartType.columnClustered, 0, 100, 400, 300, "Sheet2!A1:D4");

image.png521254271.png

Vivi_JD · Vivi_JD

Joestar.Xu 发表于 2023-6-30 16:10
您好，您在创建chart的时候将数据源的参数设置为：指定SheetName!A1:b10 即可，如：sheet.charts.add('Char ...

sheet2 您这边是隐藏了是吧？那么导出图片的方法要参考哪个API呢？

Joestar.Xu · Joestar.Xu

Vivi_JD 发表于 2023-6-30 16:53
sheet2 您这边是隐藏了是吧？那么导出图片的方法要参考哪个API呢？

您好，是的，sheet2我这边隐藏掉了。

图表导出为图片目前没有官方API可以实现，不过您可以参考一下我附件中的Demo，点击上侧的按钮，会将图表转换为base64的图片输出到控制台，您看看这个方式能否满足您的需求。

image.png407142028.png

Vivi_JD · Vivi_JD

Joestar.Xu 发表于 2023-6-30 17:19
您好，是的，sheet2我这边隐藏掉了。

图表导出为图片目前没有官方API可以实现，不过您可以参考一下我 ...

好的谢谢啦

		自动登录	找回密码
密码			立即注册

[已处理] 【16.0.7】【图表导出图片应该怎么处理呢？】

13 个回复

SpreadJS 认证

SpreadJS 高级认证