0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

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

哲想軟件 ? 來(lái)源:哲想軟件 ? 2025-01-08 11:25 ? 次閱讀

渲染尺寸

網(wǎng)絡(luò)開(kāi)發(fā)人員的常見(jiàn)做法是創(chuàng)建一個(gè)大圖表,以便于在瀏覽器上閱讀。然而,這種做法可能是影響服務(wù)器在大負(fù)載情況下的表現(xiàn)和性能的一個(gè)重要因素。從本質(zhì)上講,圖表越大,意味著必須處理、生成、存儲(chǔ)和最終下載的圖像越大,從而以某種方式影響整個(gè)應(yīng)用程序的性能。因此,如果您比較在意服務(wù)器的性能表現(xiàn),那么在選擇頁(yè)面中最終圖表呈現(xiàn)大小時(shí)就必須小心謹(jǐn)慎。

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

為了說(shuō)明這一點(diǎn),假設(shè)現(xiàn)有一個(gè) 400x300 PNG 的圖表圖像,我們對(duì)其尺寸進(jìn)行增大,并測(cè)量了這樣做對(duì)服務(wù)器性能的影響。

我們發(fā)現(xiàn),圖表整體尺寸每增加 30%,服務(wù)器每秒可處理的請(qǐng)求數(shù)就會(huì)大幅減少。

改變圖表大小可能會(huì)給整個(gè)頁(yè)面設(shè)計(jì)帶來(lái)高昂的成本。不過(guò),如果你已經(jīng)用盡了所有其他方法,這可能是提高性能的一個(gè)絕佳方式。

雖然大幅縮小圖表尺寸有利于提高服務(wù)器性能,但必須注意不要選擇太小的尺寸,以免影響圖表的可讀性。

圖表格式

作為一個(gè)服務(wù)器組件,Chart FX 允許開(kāi)發(fā)人員生成各種格式的圖表。選擇哪種格式不僅取決于性能和可擴(kuò)展性,還取決于其他重要問(wèn)題,如瀏覽器兼容性、交互性、可訪問(wèn)性和安全性。

Chart FX 服務(wù)器控件可以動(dòng)態(tài)生成和渲染 PNG、JPEG、.NET、ActiveX、SVG 和 Flash 文件。

一般來(lái)說(shuō),需要查看器的圖表格式(即 .NET、ActiveX、Flash 和 SVG)可以提高服務(wù)器性能,因?yàn)閳D表文件非常小,并且各個(gè)客戶端承擔(dān)了大部分繪制圖表的處理負(fù)載。這些查看器還可實(shí)現(xiàn)瀏覽器交互,無(wú)需開(kāi)發(fā)人員進(jìn)行額外干預(yù)或返回服務(wù)器,從而提供更好的分析體驗(yàn)。

通過(guò) HtmlTag 屬性指定特定的查看器可以提高性能,但這也可能影響可訪問(wèn)性,因?yàn)楦鶕?jù)所選的輸出類型,某些瀏覽器可能無(wú)法查看圖表。例如,指定 Flash 作為輸出格式在未安裝 Flash 的瀏覽器上就無(wú)法顯示。

一般來(lái)說(shuō),在內(nèi)部網(wǎng)等受控環(huán)境下可以使用查看器。但是,如果必須面向廣大受眾,則可能不得不生成 PNG 和 JPEG 等能被普遍接受的圖像。

這些光柵圖像會(huì)降低性能,因?yàn)槊總€(gè)圖表都需要繪制,甚至需要存儲(chǔ)在服務(wù)器上。此外,由于它們被渲染為靜態(tài)圖像,所以在瀏覽器上只具備有限的或者沒(méi)有任何分析功能,只有 PNG 圖像支持大多數(shù)圖表元素上的熱點(diǎn)或 URL 鏈接。不過(guò),使用圖表圖像的最大優(yōu)勢(shì)在于,從任何瀏覽器、平臺(tái)或操作系統(tǒng)上都可對(duì)圖表進(jìn)行通用訪問(wèn)。

聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 渲染
    +關(guān)注

    關(guān)注

    0

    文章

    75

    瀏覽量

    11121
  • 圖表
    +關(guān)注

    關(guān)注

    0

    文章

    33

    瀏覽量

    8979
  • chart
    +關(guān)注

    關(guān)注

    0

    文章

    17

    瀏覽量

    1597

原文標(biāo)題:Chart FX-圖表渲染尺寸和格式

文章出處:【微信號(hào):哲想軟件,微信公眾號(hào):哲想軟件】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

收藏 人收藏

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    Chart FX——金融圖表

    和收盤(pán)價(jià)之間的關(guān)系被視為重要信息,是這些圖表的精髓所在。 使用 Chart FX,您可以創(chuàng) 高低收盤(pán)圖、開(kāi)高低收盤(pán)圖和蠟燭圖。向這些圖表傳遞數(shù)據(jù)的過(guò)程與向
    的頭像 發(fā)表于 01-15 17:20 ?502次閱讀

    Chart FX——圖表導(dǎo)出

    Chart FX 提供的導(dǎo)出方法可以讓您(或您的最終用戶)以多種格式保存圖表文件、圖像和數(shù)據(jù)。不同平臺(tái)的產(chǎn)品能夠?qū)С龅?b class='flag-5'>格式也不盡相同,只有W
    的頭像 發(fā)表于 01-15 14:38 ?373次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>——<b class='flag-5'>圖表</b>導(dǎo)出

    Chart FX Maps介紹

    十多年來(lái),Chart FX 一直在幫助開(kāi)發(fā)人員將圖表和圖形集成到他們的報(bào)表和數(shù)據(jù)可視化應(yīng)用程序中。遺憾的是,并非所有情況都能用傳統(tǒng)圖表輕松表現(xiàn)。 例如,在一張美國(guó)地圖或飛機(jī)座位圖進(jìn)行數(shù)
    的頭像 發(fā)表于 01-14 14:35 ?344次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b> Maps介紹

    Chart FX——打印

    在打印圖表時(shí)打印機(jī)對(duì)象是重要且非常有用的屬性。使用該對(duì)象,您可以控制頁(yè)邊距、紙張方向、顏色或圖案打印等。Chart FX提供的方法還允許您通過(guò)頁(yè)面設(shè)置、預(yù)覽和打印對(duì)話框?qū)τ脩暨M(jìn)行提示,以確保用戶準(zhǔn)確
    的頭像 發(fā)表于 01-14 10:36 ?341次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>——打印

    Chart FX——打印圖表

    另一個(gè)重要的問(wèn)題是圖表打印的頁(yè)數(shù)。當(dāng)您需要打印包含大量點(diǎn)的圖表(可滾動(dòng))時(shí),Chart FX 將根據(jù)需要打印盡可能多的頁(yè)面。若使用壓縮屬性, Cha
    的頭像 發(fā)表于 01-13 09:12 ?344次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>——打印<b class='flag-5'>圖表</b>

    Chart FX-使用API傳輸數(shù)據(jù) 使用Value屬性傳輸數(shù)據(jù)

    有時(shí),向 Chart FX 傳輸數(shù)值數(shù)據(jù)最簡(jiǎn)單方便的方法就是使用 Value 屬性。通過(guò) Value 屬性,您可以為圖表中特定series中的某一point設(shè)置數(shù)值。 Value 屬性需要你希望自動(dòng)
    的頭像 發(fā)表于 01-09 16:30 ?351次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX-</b>使用API傳輸數(shù)據(jù) 使用Value屬性傳輸數(shù)據(jù)

    Chart FX-調(diào)整設(shè)置和功能

    體驗(yàn)。即雖然它是一個(gè)分布式應(yīng)用程序,可以同時(shí)為數(shù)百甚至數(shù)千個(gè)用戶提供服務(wù),但要讓其像傳統(tǒng)的桌面應(yīng)用程序一樣運(yùn)行。Chart FX 對(duì)服務(wù)器性能的影響體現(xiàn)在,每次訪問(wèn)包含圖表的網(wǎng)頁(yè)時(shí),Chart
    的頭像 發(fā)表于 01-08 16:49 ?408次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX-</b>調(diào)整設(shè)置和功能

    Chart FX——坐標(biāo)軸簡(jiǎn)介

    情況。下圖突出顯示了數(shù)值 (Y) 軸和類別 (X) 軸: 當(dāng)您第一次創(chuàng)建和填充圖表時(shí),Chart FX 使用一種“最佳擬合”算法來(lái)自動(dòng)適應(yīng)坐標(biāo)軸設(shè)置。這種行為最大限度地減少了自定義圖表
    的頭像 發(fā)表于 01-07 11:05 ?605次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>——坐標(biāo)軸簡(jiǎn)介

    Chart FX之DataGrid電子表格

    Chart FX 中有一個(gè)名為 DataGrid 的電子表格,允許用戶以電子表格的方式查看圖表中包含的所有series 和points 。默認(rèn)情況下,DataGrid 是只讀的,但是開(kāi)發(fā)人員可以
    的頭像 發(fā)表于 01-06 10:59 ?343次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>之DataGrid電子表格

    Chart FX-選擇圖表輸出

    格式即可。 您也可以指示 Chart FX 以多種格式渲染圖表。配置
    的頭像 發(fā)表于 01-05 11:06 ?430次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX-</b>選擇<b class='flag-5'>圖表</b>輸出

    Chart FX 7入門

    產(chǎn)生重大影響。 Chart FX 7(有時(shí)稱為Chart FX 7.0)是Chart FX系列產(chǎn)
    的頭像 發(fā)表于 01-03 11:14 ?435次閱讀

    Chart FX圖表類型:條形圖(上)

    類別(多序列),以便進(jìn)行更深入的分析。 將數(shù)據(jù)傳輸給條形圖非常簡(jiǎn)單,只需傳輸一個(gè)或多個(gè)數(shù)據(jù)序列以及每個(gè)數(shù)據(jù)序列附帶的標(biāo)記或標(biāo)簽即可。這些標(biāo)簽將顯示在分類或時(shí)間軸(X 軸)上。 當(dāng)圖表中包含多個(gè)序列時(shí),Chart FX 默認(rèn)會(huì)
    的頭像 發(fā)表于 01-03 10:20 ?442次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b><b class='flag-5'>圖表</b>類型:條形圖(上)

    Chart FX圖表類型:條形圖(下)

    中,圖表圖表空間中顯示為具有深度的三維物體。相反,正投影 3D 視圖允許您為圖表設(shè)置旋轉(zhuǎn)角度和透視值。以下分別是斜視投影和正視投影的示例圖: 注意:這并不意味著您正在繪制三維數(shù)據(jù)或使用三維空間來(lái)表示數(shù)據(jù)(XYZ 坐標(biāo))。相反,
    的頭像 發(fā)表于 01-03 09:22 ?426次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b><b class='flag-5'>圖表</b>類型:條形圖(下)

    Chart FX最終用戶工具

    Chart FX 7 中最有用的終端用戶功能之一是工具欄,該工具欄經(jīng)過(guò)了重新設(shè)計(jì),以使終端用戶可以使用大多數(shù)數(shù)據(jù)分析功能。通過(guò)工具欄,終端用戶可以保存、導(dǎo)出、配置、縮放和執(zhí)行其他有趣的數(shù)據(jù)分析功能
    的頭像 發(fā)表于 01-02 09:43 ?423次閱讀
    <b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>最終用戶工具

    擴(kuò)展您的Chart FX應(yīng)用程序:標(biāo)準(zhǔn)化升級(jí)適應(yīng)更多領(lǐng)域

    垂直領(lǐng)域。 要訪問(wèn)擴(kuò)展管理器,只需點(diǎn)擊圖表智能標(biāo)簽向?qū)Р⑦x擇“添加擴(kuò)展……”選項(xiàng)即可。 Chart FX 擴(kuò)展管理器使用網(wǎng)絡(luò)服務(wù)從 Software FX 獲取所有已安裝和可用的擴(kuò)展。
    的頭像 發(fā)表于 12-31 09:42 ?382次閱讀
    擴(kuò)展您的<b class='flag-5'>Chart</b> <b class='flag-5'>FX</b>應(yīng)用程序:標(biāo)準(zhǔn)化升級(jí)適應(yīng)更多領(lǐng)域

    電子發(fā)燒友

    中國(guó)電子工程師最喜歡的網(wǎng)站

    • 2931785位工程師會(huì)員交流學(xué)習(xí)
    • 獲取您個(gè)性化的科技前沿技術(shù)信息
    • 參加活動(dòng)獲取豐厚的禮品