DevExpress Blazor UI組件使用了C#為Blazor Server和Blazor WebAssembly創(chuàng)建高影響力的用戶(hù)體驗(yàn)，這個(gè)UI自建庫(kù)提供了一套全面的原生Blazor UI組件（包括Pivot Grid、調(diào)度程序、圖表、數(shù)據(jù)編輯器和報(bào)表等）。

DevExpress Blazor控件目前已經(jīng)升級(jí)到v23.2版本了，此版本進(jìn)一步增強(qiáng)了圖表組件、API、編輯器等功能，歡迎下載最新組件體驗(yàn)！

DevExpress技術(shù)交流群10：532598169      歡迎一起進(jìn)群討論

圖表

WASM性能增強(qiáng)

此版本改進(jìn)了WebAssembly應(yīng)用程序與Blazor Chart相關(guān)的性能，雖然對(duì)任何WebAssembly應(yīng)用程序都有好處，但WASM性能相關(guān)的增強(qiáng)在處理大型數(shù)據(jù)集時(shí)影響最大。在這種情況下，DevExpress Blazor Charts的加載速度將提高5倍。

實(shí)時(shí)更新增強(qiáng)

DevExpress Blazor Chart現(xiàn)在可以更有效地處理參數(shù)和數(shù)據(jù)源更新，它只向引擎發(fā)送必要的更改，替代執(zhí)行完整的刷新。這大大加快了更新速度，并且圖表在更新后保持其視覺(jué)狀態(tài)，包括縮放和滾動(dòng)位置。

調(diào)色板

DevExpress Blazor Chart允許您創(chuàng)建自己的自定義調(diào)色板，此外您可以使用屬性指定當(dāng)系列的數(shù)量大于調(diào)色板中的顏色數(shù)量時(shí)，圖表如何擴(kuò)展顏色。

縮放選定區(qū)域

新的屬性允許用戶(hù)通過(guò)使用拖動(dòng)手勢(shì)選擇一個(gè)區(qū)域來(lái)縮放圖表，在這種情況下，要平移圖表，用戶(hù)必須按屬性指定的鍵。

您還可以使用新的組件來(lái)配置當(dāng)用戶(hù)選擇圖表區(qū)域時(shí)出現(xiàn)的框的顏色和不透明度。

金融系列 - 減少顏色

DevExpress Blazor Charts現(xiàn)在可以自動(dòng)將財(cái)務(wù)序列中的每個(gè)點(diǎn)值與前一個(gè)點(diǎn)的值進(jìn)行比較，并突出顯示值減少的點(diǎn)(使用特定的顏色)，此功能可幫助用戶(hù)監(jiān)控與市場(chǎng)相關(guān)的變化。

另外，您現(xiàn)在可以使用InnerColor屬性自定義一個(gè)系列點(diǎn)的主體的填充顏色(在燭臺(tái)系列中表示一個(gè)未減少的值)。

自定義字體

您可以為DevExpress Blazor Chart元素自定義字體設(shè)置，包括軸標(biāo)題、軸標(biāo)簽、系列標(biāo)簽和常量線標(biāo)簽。新的DxChartFont組件提供了諸如顏色、字體類(lèi)型、不透明度、大小和重量等設(shè)置。

API增強(qiáng)

DevExpress Blazor Chart API已經(jīng)擴(kuò)展，現(xiàn)在提供了60多個(gè)新成員，旨在自定義圖表的外觀和操作。

新事件：

• – 在圖表呈現(xiàn)后觸發(fā)，并允許您顯示/隱藏自定義加載指示器或執(zhí)行其他操作。

常用圖表設(shè)置：

• - 指定當(dāng)用戶(hù)縮放或平移參數(shù)軸時(shí)是否調(diào)整值軸的可視范圍。
• - 指定顯示具有未指定面板屬性的所有系列的面板。
• - 指定決定最大氣泡直徑的系數(shù)。
• - 指定最小氣泡的直徑。
• - 指定圖表是否將負(fù)值視為零。
• - 指定容器大小更改時(shí)是否重新繪制圖表。
• - 指定在縮放或平移后是否調(diào)整圖表面板的大小。
• - 指定當(dāng)鼠標(biāo)指針移動(dòng)時(shí)，點(diǎn)是否應(yīng)保持懸停狀態(tài)。

系列設(shè)置：

• – 一個(gè)新組件，允許您顯示系列標(biāo)簽的邊框，并提供可定制的設(shè)置，如顏色、劃線樣式和寬度。
• - 指定系列標(biāo)簽水平對(duì)齊(相對(duì)于相應(yīng)的數(shù)據(jù)點(diǎn))。
• - 指定系列標(biāo)簽的水平偏移量。
• - 指定系列標(biāo)簽的旋轉(zhuǎn)角度。
• - 指定是否顯示零值點(diǎn)的標(biāo)簽。
• - 指定系列標(biāo)簽垂直偏移量。
• - 指定組合條形系列來(lái)重疊顯示它們的組名稱(chēng)。
• - 指定條或范圍系列的角半徑。
• - 指定一個(gè)系列顯示的點(diǎn)標(biāo)簽的最大數(shù)目。

軸設(shè)置：

• – 允許您指定圖表如何顯示重疊軸標(biāo)簽。
• - 指定圖表如何顯示溢出軸標(biāo)簽。
• - 指定圖表如何封裝溢出軸標(biāo)簽。
• - 為軸及其標(biāo)簽保留一個(gè)區(qū)域。
• - 指定系列標(biāo)簽水平對(duì)齊方式。
• – 指定圖表如何顯示軸標(biāo)簽。
• – 指定軸與其標(biāo)簽之間的縮進(jìn)。
• - 指定軸標(biāo)簽位置。

面板設(shè)置：

• – 一個(gè)新的組件，允許您顯示面板邊框，并提供可定制的設(shè)置，如顏色、破折號(hào)樣式、不透明度和寬度。
• - 指定面板的背景顏色。

常數(shù)行設(shè)置：

• – 指定常量行與它的標(biāo)簽之間的左/右填充。
• – 指定常量行與它的標(biāo)簽之間的內(nèi)邊距。
• – 指定常量行標(biāo)簽是否可見(jiàn)。

編輯器

新的列表框

 DevExpress Blazor List Box已經(jīng)從頭開(kāi)始重寫(xiě)，盡管公共API保持不變，但可視化層和數(shù)據(jù)層都是全新的。此更新改進(jìn)了性能和穩(wěn)定性，同時(shí)為將來(lái)的增強(qiáng)奠定了堅(jiān)實(shí)的基礎(chǔ)。新的ListBox已經(jīng)在我們的Grid的Filter Menus, Scheduler和RichEdit對(duì)話框中使用了。在未來(lái)的更新中，它還將取代ComboBox和TagBox中的當(dāng)前列表實(shí)現(xiàn)。

日歷 - 鍵盤(pán)支持

DevExpress Blazor Calendar允許用戶(hù)訪問(wèn)其所有UI元素，選擇日期，并使用鍵盤(pán)在它們之間導(dǎo)航。

API功能增強(qiáng)

• – 允許您在列表框中沒(méi)有項(xiàng)目時(shí)顯示自定義內(nèi)容。
• – 允許您自定義具有列的List Box單元格中顯示的文本。
• – 當(dāng)值的小數(shù)部分為零時(shí)，允許您在數(shù)字掩碼中隱藏小數(shù)分隔符。
• – 指定用戶(hù)可以通過(guò)上傳控件選擇上傳的最大文件數(shù)(默認(rèn)為1000)。

導(dǎo)航

工具欄、菜單和上下文菜單 - 焦點(diǎn)和鍵盤(pán)支持

DevExpress Blazor 、 和 組件現(xiàn)在完全可以通過(guò)鍵盤(pán)訪問(wèn)，它們支持在項(xiàng)、菜單和子菜單中進(jìn)行鍵盤(pán)導(dǎo)航，并突出顯示當(dāng)前(關(guān)注的)項(xiàng)。

Toolbar — 新的自適應(yīng)引擎

DevExpress Blazor Toolbar有一個(gè)新的自適應(yīng)引擎，它可以更快地工作，并確保項(xiàng)目始終隱藏或最小化，并且組件可以平滑地響應(yīng)外部大小變化。

報(bào)表

Web報(bào)表設(shè)計(jì)器 - WebAssembly支持

現(xiàn)在您可以在Blazor WebAssembly應(yīng)用程序中使用DevExpress Web報(bào)表設(shè)計(jì)器并在客戶(hù)端生成文檔，利用打印預(yù)覽功能可以立即在設(shè)計(jì)器中查看對(duì)報(bào)表所做的更改。

富文本編輯器

非windows操作系統(tǒng)支持

新版本將Blazor富文本編輯器引擎從System.Drawing.Common過(guò)渡到DevExpress Drawing圖形庫(kù)。此升級(jí)允許Blazor Server, WebAssembly和Hybrid應(yīng)用程序在不支持System.Drawing.Common庫(kù)的非windows平臺(tái)(Linux, Mac, Android, iOS和其他基于unix的系統(tǒng))上運(yùn)行。