国精产品999国精产品视频,日本一区二区三区视频在线,欧美精品自拍一区

WPF圖表控件Chart FX使用方法系列:如何繪制可視化圓角邊框

原創(chuàng)|使用教程|編輯：郝浩|2013-02-17 14:23:31.000|閱讀 996 次

概述：有時(shí)候需要編寫一個(gè)在圖表文本中使用的小類，而且需要在其他的場(chǎng)景中也可以使用。現(xiàn)在來看一下如何在Chart FX for WPF中繪制可視化圓角邊框，RoundClipBorder就是這些類中的一個(gè)，它源自于邊緣，但是會(huì)使用圓形的邊界來放置內(nèi)容，接下來來一起看一下一個(gè)矩形的邊框。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

有時(shí)候需要編寫一個(gè)在圖表文本中使用的小類，而且需要在其他的場(chǎng)景中也可以使用?，F(xiàn)在來看一下如何在Chart FX for WPF中繪制可視化圓角邊框，RoundClipBorder就是這些類中的一個(gè)，它源自于邊緣，但是會(huì)使用圓形的邊界來放置內(nèi)容，接下來來一起看一下一個(gè)矩形的邊框：

<Border CornerRadius="5" BorderBrush="Black" BorderThickness="2">
  <Image Source="pack://siteoforigin:,,,/img/US.png"/>
</Border>

如何在Chart FX for WPF中繪制可視化圓角邊框

如果你仔細(xì)的看，會(huì)發(fā)現(xiàn)在邊界的地方時(shí)比較薄的，下面來看看如果增加邊角半徑會(huì)發(fā)生什么樣的狀況呢？

如何在Chart FX for WPF中繪制可視化圓角邊框

從上面的圖中，顯而易見的發(fā)現(xiàn)，WPF繪制的圖表的內(nèi)容，然后再繪制一個(gè)矩形包圍內(nèi)容，但是現(xiàn)在發(fā)現(xiàn)，這個(gè)矩形進(jìn)入了內(nèi)容的部分，變成了一個(gè)溢出的問題，RoundClipBorder通過創(chuàng)建一個(gè)幾何圖形，然后切斷它的子組成部分就可以了。

<cfxControls:RoundClipBorder CornerRadius="12"
 BorderBrush="Black" BorderThickness="2">
<Image Source="pack://siteoforigin:,,,/img/US.png"/>
</cfxControls:RoundClipBorder>

如何在Chart FX for WPF中繪制可視化圓角邊框

還可以將數(shù)據(jù)綁定到圖表，然后自定義圖表工具提示和顯示數(shù)據(jù)：

public class CountryData
{
    public string Name { get; set; }
    public double Population { get; set; }
    public string Language { get; set; }
    public string Flag { get; set; }
    public double Sales { get; set;}
}
<Window.Resources>
  <ObjectDataProvider x:Key="countryData"
                      ObjectType="{x:Type localData:CountrySalesList}" />
</Window.Resources>
<Grid>
  <ChartFX:Chart>
  </ChartFX:Chart>
</Grid>

第一步：將圖表綁定到頁(yè)面中對(duì)象數(shù)據(jù)提供應(yīng)用程序，然后再選擇區(qū)域用于繪制和標(biāo)簽，在這里可以啟動(dòng)圖表創(chuàng)建導(dǎo)航來選擇配置數(shù)據(jù)。

如何在Chart FX for WPF中繪制可視化圓角邊框