AR16 渲染格式异常

从设计器进入预览正常并且文字是正常组件



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




这个是为什么，[size=0.9em]renderFormat: [size=0.9em]是 html

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';

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);

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

问题回答
您好，这个是因为设计器预览的渲染模式和单个集成viewer设置的不一样，这个是可以通过代码指定的：

1. renderFormat: "html",
   
2. \\renderFormat: "svg",

复制代码

报表创建的时候，如果对象里面指定了svg就会用svg渲染，否则就会后端渲染成图片，然后传给前端，这种事html渲染。

如果未指定，默认是html。

Felix.Li 发表于 2024-12-18 18:07
问题描述:
报表渲染不一样

我知道，我意思是二边我都是设置的html(默认),但是结果不一样，你看他外层其实都是html元素，只是里一段，显示成了image, "故障原因统计"文字错位了

Felix.Li 发表于 2024-12-18 18:07
问题描述:
报表渲染不一样

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

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

Felix.Li 发表于 2024-12-18 18:07
问题描述:
报表渲染不一样

异常显示的部分我把字体从Arial 换成 NSimSun 可以正常显示，
那么就有几个问题了
1.字体错位原因是什么，都在同一台服务器上，不存在字体不同的问题
2.设计预览和直接viewer渲染都是html，但是一个里面是image,一个text,并且交互效果没了，设定都一样

zhubin 发表于 2024-12-19 10:07
没事了，我的问题，缺少引用，我补全引用后解决
import '@grapecity/ar-viewer/dist/jsViewer.chart.min ...

OK，问题已解决，那本帖就先结帖啦，有问题您另开新贴哦~