找回密码
 立即注册

QQ登录

只需一步,快速开始

zhubin

初级会员

43

主题

139

帖子

432

积分

初级会员

积分
432
zhubin
初级会员   /  发表于:2024-12-18 16:51  /   查看:40  /  回复:7
1金币
从设计器进入预览正常并且文字是正常组件



使用@grapecity/ar-viewer 直接渲染,显示有些异常,并且渲染出来是image




这个是为什么,[size=0.9em]renderFormat: [size=0.9em]是 html
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

没事了,我的问题,缺少引用,我补全引用后解决 import '@grapecity/ar-viewer/dist/jsViewer.chart.min.css'; import '@grapecity/ar-viewer/dist/jsViewer.chart.min.js';

7 个回复

倒序浏览
最佳答案
最佳答案
zhubin
初级会员   /  发表于:5 天前
来自 7#
Felix.Li 发表于 2024-12-18 18:07
问题描述:
报表渲染不一样

没事了,我的问题,缺少引用,我补全引用后解决
import '@grapecity/ar-viewer/dist/jsViewer.chart.min.css';
import '@grapecity/ar-viewer/dist/jsViewer.chart.min.js';
回复 使用道具 举报
zhubin
初级会员   /  发表于:5 天前
2#
const ViewerBaseUrl = '../AR-API/reporting';

      this.viewer = new GrapeCity.ActiveReports.JSViewer.create({
        element: '#' + this.cid,
        animation: {
          loadChart: {
            enabled: true,
          },
          hoverChart: {
            enabled: true,
          },
          hoverTable: {
            enabled: true,
            backgroundColor: 'LightGray',
            textColor: 'DarkGray',
          },
        },
        parametersPanel: { location: 'top' },
        panelsLocation: 'sidebar',
        reportService: {
          url: ViewerBaseUrl,
        },
      });

      this.viewer.openReport(this.ReportName);
回复 使用道具 举报
Felix.LiWyn认证
超级版主   /  发表于:5 天前
3#

问题描述:
报表渲染不一样

问题回答
您好,这个是因为设计器预览的渲染模式和单个集成viewer设置的不一样,这个是可以通过代码指定的:
  1. renderFormat: "html",
  2. \\renderFormat: "svg",
复制代码
报表创建的时候,如果对象里面指定了svg就会用svg渲染,否则就会后端渲染成图片,然后传给前端,这种事html渲染。

如果未指定,默认是html。
回复 使用道具 举报
zhubin
初级会员   /  发表于:4 天前
4#
Felix.Li 发表于 2024-12-18 18:07
问题描述:
报表渲染不一样

我知道,我意思是二边我都是设置的html(默认),但是结果不一样,你看他外层其实都是html元素,只是里一段,显示成了image, "故障原因统计"文字错位了
回复 使用道具 举报
zhubin
初级会员   /  发表于:4 天前
5#
Felix.Li 发表于 2024-12-18 18:07
问题描述:
报表渲染不一样

用 svg模式,错位的文字更多了,并且交互效果没有了  animation: {
          loadChart: {
            enabled: true,
          },
          hoverChart: {
            enabled: true,
          },
          hoverTable: {
            enabled: true,
            backgroundColor: 'LightGray',
            textColor: 'DarkGray',
          },

        },,和设计那边预览不一样



本帖子中包含更多资源

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

x
回复 使用道具 举报
zhubin
初级会员   /  发表于:4 天前
6#
Felix.Li 发表于 2024-12-18 18:07
问题描述:
报表渲染不一样

异常显示的部分我把字体从Arial 换成 NSimSun 可以正常显示,
那么就有几个问题了
1.字体错位原因是什么,都在同一台服务器上,不存在字体不同的问题
2.设计预览和直接viewer渲染都是html,但是一个里面是image,一个text,并且交互效果没了,设定都一样
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:4 天前
8#
zhubin 发表于 2024-12-19 10:07
没事了,我的问题,缺少引用,我补全引用后解决
import '@grapecity/ar-viewer/dist/jsViewer.chart.min ...

OK,问题已解决,那本帖就先结帖啦,有问题您另开新贴哦~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部