0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看威廉希尔官方网站 视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

Chart FX-图表渲染尺寸和格式

哲想软件 来源:哲想软件 2025-01-08 11:25 次阅读

渲染尺寸

网络开发人员的常见做法是创建一个大图表,以便于在浏览器上阅读。然而,这种做法可能是影响服务器在大负载情况下的表现和性能的一个重要因素。从本质上讲,图表越大,意味着必须处理、生成、存储和最终下载的图像越大,从而以某种方式影响整个应用程序的性能。因此,如果您比较在意服务器的性能表现,那么在选择页面中最终图表呈现大小时就必须小心谨慎。

7af7b792-cc94-11ef-9310-92fbcf53809c.png

为了说明这一点,假设现有一个 400x300 PNG 的图表图像,我们对其尺寸进行增大,并测量了这样做对服务器性能的影响。

我们发现,图表整体尺寸每增加 30%,服务器每秒可处理的请求数就会大幅减少。

改变图表大小可能会给整个页面设计带来高昂的成本。不过,如果你已经用尽了所有其他方法,这可能是提高性能的一个绝佳方式。

虽然大幅缩小图表尺寸有利于提高服务器性能,但必须注意不要选择太小的尺寸,以免影响图表的可读性。

图表格式

作为一个服务器组件,Chart FX 允许开发人员生成各种格式的图表。选择哪种格式不仅取决于性能和可扩展性,还取决于其他重要问题,如浏览器兼容性、交互性、可访问性和安全性。

Chart FX 服务器控件可以动态生成和渲染 PNG、JPEG、.NET、ActiveX、SVG 和 Flash 文件。

一般来说,需要查看器的图表格式(即 .NET、ActiveX、Flash 和 SVG)可以提高服务器性能,因为图表文件非常小,并且各个客户端承担了大部分绘制图表的处理负载。这些查看器还可实现浏览器交互,无需开发人员进行额外干预或返回服务器,从而提供更好的分析体验。

通过 HtmlTag 属性指定特定的查看器可以提高性能,但这也可能影响可访问性,因为根据所选的输出类型,某些浏览器可能无法查看图表。例如,指定 Flash 作为输出格式在未安装 Flash 的浏览器上就无法显示。

一般来说,在内部网等受控环境下可以使用查看器。但是,如果必须面向广大受众,则可能不得不生成 PNG 和 JPEG 等能被普遍接受的图像。

这些光栅图像会降低性能,因为每个图表都需要绘制,甚至需要存储在服务器上。此外,由于它们被渲染为静态图像,所以在浏览器上只具备有限的或者没有任何分析功能,只有 PNG 图像支持大多数图表元素上的热点或 URL 链接。不过,使用图表图像的最大优势在于,从任何浏览器、平台或操作系统上都可对图表进行通用访问。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 渲染
    +关注

    关注

    0

    文章

    70

    浏览量

    10932
  • 图表
    +关注

    关注

    0

    文章

    28

    浏览量

    8871
  • chart
    +关注

    关注

    0

    文章

    12

    浏览量

    1534

原文标题:Chart FX-图表渲染尺寸和格式

文章出处:【微信号:哲想软件,微信公众号:哲想软件】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    Chart FX-调整设置和功能

    体验。即虽然它是一个分布式应用程序,可以同时为数百甚至数千个用户提供服务,但要让其像传统的桌面应用程序一样运行。Chart FX 对服务器性能的影响体现在,每次访问包含图表的网页时,Chart
    的头像 发表于 01-08 16:49 53次阅读
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX-</b>调整设置和功能

    Chart FX——坐标轴简介

    情况。下图突出显示了数值 (Y) 轴和类别 (X) 轴: 当您第一次创建和填充图表时,Chart FX 使用一种“最佳拟合”算法来自动适应坐标轴设置。这种行为最大限度地减少了自定义图表
    的头像 发表于 01-07 11:05 72次阅读
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>——坐标轴简介

    Chart FX之DataGrid电子表格

    Chart FX 中有一个名为 DataGrid 的电子表格,允许用户以电子表格的方式查看图表中包含的所有series 和points 。默认情况下,DataGrid 是只读的,但是开发人员可以
    的头像 发表于 01-06 10:59 71次阅读
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>之DataGrid电子表格

    Chart FX-选择图表输出

    格式即可。 您也可以指示 Chart FX 以多种格式渲染图表。配置
    的头像 发表于 01-05 11:06 86次阅读
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX-</b>选择<b class='flag-5'>图表</b>输出

    Chart FX 7入门

    产生重大影响。 Chart FX 7(有时称为Chart FX 7.0)是Chart FX系列产
    的头像 发表于 01-03 11:14 97次阅读

    Chart FX图表类型:条形图(上)

    类别(多序列),以便进行更深入的分析。 将数据传输给条形图非常简单,只需传输一个或多个数据序列以及每个数据序列附带的标记或标签即可。这些标签将显示在分类或时间轴(X 轴)上。 当图表中包含多个序列时,Chart FX 默认会
    的头像 发表于 01-03 10:20 91次阅读
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b><b class='flag-5'>图表</b>类型:条形图(上)

    Chart FX图表类型:条形图(下)

    中,图表图表空间中显示为具有深度的三维物体。相反,正投影 3D 视图允许您为图表设置旋转角度和透视值。以下分别是斜视投影和正视投影的示例图: 注意:这并不意味着您正在绘制三维数据或使用三维空间来表示数据(XYZ 坐标)。相反,
    的头像 发表于 01-03 09:22 89次阅读
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b><b class='flag-5'>图表</b>类型:条形图(下)

    Chart FX最终用户工具

    Chart FX 7 中最有用的终端用户功能之一是工具栏,该工具栏经过了重新设计,以使终端用户可以使用大多数数据分析功能。通过工具栏,终端用户可以保存、导出、配置、缩放和执行其他有趣的数据分析功能
    的头像 发表于 01-02 09:43 74次阅读
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>最终用户工具

    扩展您的Chart FX应用程序:标准化升级适应更多领域

    垂直领域。 要访问扩展管理器,只需点击图表智能标签向导并选择“添加扩展……”选项即可。 Chart FX 扩展管理器使用网络服务从 Software FX 获取所有已安装和可用的扩展。
    的头像 发表于 12-31 09:42 79次阅读
    扩展您的<b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>应用程序:标准化升级适应更多领域

    CPU渲染和GPU渲染优劣分析

    使用计算机进行渲染时,有两种流行的系统:基于中央处理单元(CPU)或基于图形处理单元(GPU)。CPU渲染利用计算机的CPU来执行场景并将其渲染到接近完美。这也是执行渲染的更传统方式。
    的头像 发表于 05-23 08:27 631次阅读
    CPU<b class='flag-5'>渲染</b>和GPU<b class='flag-5'>渲染</b>优劣分析

    HarmonyOS实战开发-合理选择条件渲染和显隐控制

    开发者可以通过条件渲染或显隐控制两种方式来实现组件在显示和隐藏间的切换。本文从两者原理机制的区别出发,对二者适用场景分别进行说明,实现相应适用场景的示例并给出性能对比数据。 原理机制 条件渲染
    发表于 05-10 15:16

    【RTC程序设计:实时音视频权威指南】音频采集与渲染

    在进行视频的采集与渲染的同时,我们还需要对音频进行实时的采集和渲染。对于rtc来说,音频的实时性和流畅性更加重要。 声音是由于物体在空气中振动而产生的压力波,声波的存在依赖于空气介质,那么声音有
    发表于 04-28 21:00

    HarmonyOS开发案例:【 switch、chart组件的使用】

    基于switch组件和chart组件,实现线形图、占比图、柱状图,并通过switch切换chart组件数据的动静态显示。
    的头像 发表于 04-25 20:58 644次阅读
    HarmonyOS开发案例:【 switch、<b class='flag-5'>chart</b>组件的使用】

    【RTC程序设计:实时音视频权威指南】视频采集与渲染

    的处理工作,例如格式的转换,帧大小的调整,焦点以及裁剪,是否需要加入一些特效等等,对画面的噪点需要进行处理。 接下来就要对视频进行渲染视频渲染,实际上就是将二进制数据呈现在显示设备上的过程,其通常
    发表于 04-25 08:40

    探索渲染威廉希尔官方网站 与云渲染的魅力!

    在数字艺术和计算机图形领域中,渲染威廉希尔官方网站 占据着至关重要的地位。随着科技的进步,云渲染作为一种新兴的渲染方式,正逐渐受到业界的关注和应用。本文将对渲染威廉希尔官方网站 和云
    的头像 发表于 04-12 08:30 308次阅读
    探索<b class='flag-5'>渲染</b>威廉希尔官方网站
与云<b class='flag-5'>渲染</b>的魅力!