<vc:Chart x:Name="HourlyChart" Theme="Theme1" Grid.Row="1" xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts" Margin="5" AnimatedUpdate="true" IndicatorEnabled="True" ZoomingEnabled="True" ZoomOutText="返回" ShowAllText="退出" >
AnimatedUpdate:是否動畫更新
IndicatorEnabled:是否顯示指標(如圖中第一個)
ZoomingEnabled:是否能夠縮放, ZoomOutText:設置返回上一次縮放操做文本,ShowAllText:設置退出縮放文本
ScrollingEnabled:滾動條是否可用
View3D:是否3D顯示
LightingEnabled :是否高亮顯示ide
B: 設置圖標題標題
<vc:Chart.Titles>
<vc:Title FontSize="16" Text="測試標題" Padding="6"/>
</vc:Chart.Titles>
C:固定設置圖例樣式和圖例顏色(圖例通常根據數據自動生成)
<vc:Chart.Legends >
<vc:Legend Margin="0,9,-52,0" Height="148" VerticalAlignment="Top" HorizontalAlignment="Right" Width="44" >
<vc:Legend.Template>
<ControlTemplate>
<!—圖例樣式—>
</ControlTemplate>
</vc:Legend.Template>
</vc:Legend>
</vc:Chart.Legends>
DataSeries:數據集
RenderAs: 設置圖表顯示類型,(枚舉值) 設置如:RenderAs = RenderAs.Spline
LabelEnabled 是否顯示圖表中的文本,文本顯示樣式LabelStyle="Inside" [LabelStyle=LabelStyles.Inside] 表示文字內嵌 LabelText = "#YValue" //設置
Bevel 是否斜面顯示
在RenderAs 設置爲Spline時
MarkerType能夠設置 節點樣式如實例 中的第六個測試
DataPoint 數據點
A: Title 文本 ,ValueFormatString:XValue數據格式化,IntervalType 間隔方式(枚舉值),Interval 間隔值
<vc:Chart.AxesX>
<vc:Axis Title="Month" ValueFormatString="d/MMM" IntervalType="Months" Interval="1">
<vc:Axis.Grids>
<vc:ChartGrid Interval="0.2" InterlacedColor="#0Ae66e6e" />
</vc:Axis.Grids>
</vc:Axis>
</vc:Chart.AxesX>
Logarithmic:y軸刻度對數啓用,LogarithmBase:對數基數, Prefix設置y軸文本前綴
<vc:Chart.AxesY>
<vc:Axis Interval="1" Title="Market Share" Logarithmic="True" LogarithmBase="5" LineThickness="0">
<vc:Axis.Grids>
<vc:ChartGrid Interval="0.2" InterlacedColor="#0Ae66e6e" />
</vc:Axis.Grids>
</vc:Axis>
</vc:Chart.AxesY>
具體樣式參看第三個圖
B: 數據格式化顯示
XValue的值格式化:
在DataSeries中使用XValueFormatString格式化文本,顯示結果控制顯示的是鼠標放上去後tooltips顯示的值的文本樣式;以下圖 XValueFormatString=」hh:mm:ss」
在以下代碼中設置 控制的是 X軸文本顯示樣式 以下圖
<vc:Chart.AxesX>
<vc:Axis IntervalType="Hours" Title="Hours" ValueFormatString="hh:mm tt"/>
</vc:Chart.AxesX>動畫