彩票走势图

ActiveReports Web端在线设计器教程 - 如何调用自定义字体

原创|使用教程|编辑:龚雪|2021-06-24 10:55:01.817|阅读 149 次

概述:本文主要介绍Web端的在线设计器如何调用自定义字体,欢迎下载最新版ActiveReports体验!

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

点击获取ActiveReports v15.0下载

在实际的应用场景中,经常会有这样的情况,机器中本身自带的字体不能满足特殊字节的显示。特别是化工行业、建筑行业、金属行业特殊符号用的特别多。这时候为了满足实际应用中的这些特殊字符的问题,就会自定义一份字体文件,在进行报表设计的时候进行调用。

现在我们就来讲解如何进行自定义文字的调用:

1. 首先就是安装字体,需要把字体安装在对应的路径下,具体路径如下:C:\Windows\Fonts

ActiveReports Web端在线设计器教程 - 如何调用自定义字体

2. 如果是使用桌面端设计器,你在此处安装了对应的字体文件之后,在桌面端的设计器中就可以调用该字体,这里我调用的是一个 特殊的字体“SJQY”钢材建筑行业使用的一个特殊字体。

ActiveReports Web端在线设计器教程 - 如何调用自定义字体

3. 但是在web端设计中,不进行API的设置是没办法调用该字体的,具体API的调用的方法如下
其中 'Arial','SJQY','Times New Roman'  代表字体的命名。

designerOptions.fonts = ['Arial','SJQY','Times New Roman'];

<script>

var designerOptions = GrapeCity.ActiveReports.WebDesigner.createDesignerOptions();
designerOptions.server.url = 'api';
designerOptions.reportInfo = '@reportId' ? { id: '@reportId' } : null;

designerOptions.openButton.visible = true;
designerOptions.saveButton.visible = true;
designerOptions.saveAsButton.visible = true;

// Used in About dialog and File View Help tab.
designerOptions.documentation.home = '//www.grapecity.com/activereports/docs/v15/online-webdesigner/overview.html';
// Used in notifications about report items transformation.
designerOptions.documentation.reportItemsTransformation = '//www.grapecity.com/activereports/docs/v14/online-webdesigner/supportedcontrols.html';

designerOptions.reportItemsFeatures.table.autoFillFooter = true;

var viewer = null;
designerOptions.openViewer = function (options) {
if (viewer) {
viewer.openReport(options.reportInfo.id);
return;
}
viewer = GrapeCity.ActiveReports.JSViewer.create({
locale: options.locale,
element: '#' + options.element,
reportService: {
url: 'api/reporting',
},
reportID: options.reportInfo.id,
settings: {
zoomType: 'FitPage'
},
});
};
designerOptions.fonts = ['Arial','SJQY','Times New Roman'];
designerOptions.dataTab.dataSets.canModify = true;
designerOptions.dataTab.dataSources.canModify = true;

GrapeCity.ActiveReports.WebDesigner.renderApplication("designer-id", designerOptions);

</script>

4. 预览结果

ActiveReports Web端在线设计器教程 - 如何调用自定义字体

ActiveReports 报表控件| 下载试用

ActiveReports 是一款专注于 .NET 平台的报表控件,全面满足 HTML5 / WinForm / ASP.NET / ASP.NET MVC / WPF 等平台下报表设计和开发工作需求,作为专业的报表工具为全球超过 300,000 开发人员提供了全面的报表开发服务。

本文转载自


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP