DevExpress VCL擁有230+個VCL界面控件、40+個自定義設(shè)計的VCL應(yīng)用主題，它能幫助您創(chuàng)建優(yōu)異的用戶體驗，提供高影響力的業(yè)務(wù)解決方案，并利用您現(xiàn)有的VCL技能為未來構(gòu)建下一代應(yīng)用程序。

在剛更新的DevExpress VCL v23.1組件庫中，包含了以下新的一些特性/功能：

• 增強的高DPI分辨率支持
• "Light" 樣式渲染
• Windows 11主題
• VCL圖表控件

在本文中，我們將重點介紹v23.1版本的圖標控件中實現(xiàn)的一個重要特性——自定義軸、系列和總標簽顯示文本的功能，這個新功能對多種使用場景都十分有用，包括需要對所有值標簽應(yīng)用格式化模式、強調(diào)某些軸/系列值、為不同數(shù)量級顯示不同的測量單位等。

DevExpress VCL v23.1正式版下載

DevExpress技術(shù)交流群8：523159565      歡迎一起進群討論

如何將格式化模式應(yīng)用于值標簽

DevExpress VCL Chart控件現(xiàn)在支持高級格式化模式，類似于我們的WinForms Chart控件，格式化模式可以由靜態(tài)文本和一個或多個支持的占位符字段標記組成，這些占位符字段標記包含在大括號中。

所有顯示數(shù)值的占位符標記也支持數(shù)值格式模式，例如，下面的格式化模式顯示具有兩位小數(shù)點的浮點序列值：{V:0.00}，大括號外的文本定義了相同格式化模式的通用值標簽。

您可以將相同/不同的格式化模式分配給圖表、參數(shù)軸、值軸或簡單序列的總標簽中所有序列值的標簽。

系列值標簽自定義

沒有格式化模式的序列值標簽按原樣顯示值，簡單系列也向標簽添加相應(yīng)的參數(shù)。

要在設(shè)計時將格式化模式應(yīng)用于所有值標簽(對于一個系列)，您必須：

1. 雙擊Chart控件來調(diào)用Chart Designer對話框。
2. 選擇目標系列。
3. 在（對象檢查器）中展開 和 節(jié)點。
4. 為屬性指定一個格式模式(例如{V:0.00}M km2)。

在這個特殊的實例中，值標簽顯示帶有兩個小數(shù)點后跟著一個度量單位的序列值。

總標簽自定義

要自定義顯示在Doughnut系列中心的Total標簽，您必須：

1. 確保選擇了目標系列。
2. 在（對象檢查器）中展開 和 節(jié)點。
3. 將相同的格式化模式分配給 屬性。

完成后，Total標簽將使用與value標簽相同的格式：

如何自定義個性化值標簽

除了格式化模式(用于自定義值標簽中的顯示文本)之外，還可以根據(jù)特定條件自定義單個標簽——例如，可以隱藏中間點的值標簽，或者為不同的數(shù)量級顯示不同的測量單位。DevExpress VCL的圖表類包括以下值標簽自定義事件，這些事件在Chart控件決定如何繪制單個標簽時發(fā)生：

• 和 事件在XY圖中可用，并允許您分別自定義系列和軸值標簽。
• 和 事件在一個簡單的圖表中可用，并允許您分別自定義系列值和總標簽。

用戶可以處理這些事件來標識當前處理的標簽，并定義Chart控件在屏幕上繪制標簽的方式。例如，您可以通過以下方式在標記不同數(shù)量級的軸和序列值的標簽中顯示不同的測量單位：

• 如果一個序列值超過100萬，對應(yīng)的值標簽會顯示百萬數(shù)字后面的M字符。
• 如果序列值超過1000但小于100萬，則相應(yīng)的值標簽顯示后面跟著k字符的千位數(shù)字。

要實現(xiàn)這一點，需要處理 事件：

procedure TMyForm.cdAreaGetValueLabelDrawParameters(Sender: TdxChartCustomDiagram;
AArgs: TdxChartGetValueLabelDrawParametersEventArgs);
begin
if AArgs.SeriesPoint.Value >= 1000 * 1000 then // Millions
AArgs.Text := Format('%.1fM', [AArgs.SeriesPoint.Value / (1000 * 1000)])
else if AArgs.SeriesPoint.Value >= 1000 then // Thousands
AArgs.Text := Format('%.0fk', [AArgs.SeriesPoint.Value / 1000])
else
AArgs.Text := Format('%0f', [AArgs.SeriesPoint.Value]);
end;

然后，處理事件：

procedure TMyForm.cdAreaGetAxisValueLabelDrawParameters(Sender: TdxChartCustomDiagram;
AArgs: TdxChartGetAxisValueLabelDrawParametersEventArgs);
begin
if AArgs.Axis.ClassName <> 'TdxChartAxisY' then Exit;
if AArgs.Value >= 1000 * 1000 then // Millions
AArgs.Text := Format('%.1fM', [AArgs.Value / (1000 * 1000)])
else if AArgs.Value >= 1000 then // Thousands
AArgs.Text := Format('%.0fk', [AArgs.Value / 1000])
else
AArgs.Text := Format('%0f', [AArgs.Value]);
end;

因此，序列和軸值標簽顯示不同數(shù)量級的不同測量單位：