簡體   English   中英

WPF工具包DataVisualization。 指定X軸間隔

[英]WPF Toolkit DataVisualization. Specifying the X axis interval

我正在使用WPFToolkit提供的System.Windows.Controls.DataVisualization.Toolkit.dll。

我有一個圖表,在X軸上顯示日期列表,在Y上顯示整數。

XAML:

<DVC:Chart Canvas.Top="80" Canvas.Left="10" Name="mcChart" Background="LightSteelBlue" Margin="12">          
    <DVC:Chart.Series>
        <DVC:LineSeries Title="Lines" IndependentValueBinding="{Binding Path=Key}" DependentValueBinding="{Binding Path=Value}" />
    </DVC:Chart.Series>
</DVC:Chart>

碼:

ObservableCollection<KeyValuePair<DateTime, int>> Data = new ObservableCollection<KeyValuePair<DateTime, int>>();
Data.Add(new KeyValuePair<DateTime, int>(DateTime.Now.AddDays(-10), 100));
Data.Add(new KeyValuePair<DateTime, int>(DateTime.Now.AddDays(-9), 200));
Data.Add(new KeyValuePair<DateTime, int>(DateTime.Now.AddDays(-8), 500));

((LineSeries)mcChart.Series[0]).ItemsSource = Data;

我將mcChart的ItemsSource綁定到ObservableCollection<int, DateTime>

當我的圖表包含足夠的數據時,它將X軸上的每個點顯示為日期。 即。 2016-01-06、2016-01-07、2016-01-08等

但是,如果圖表上僅顯示幾個點,則時間間隔會分成幾個小時。 即。 20:00、00:00、04:00、08:00、12:00、16:00、20:00

我如何強制它僅在X上顯示日期間隔。

我想到了。 我需要在LineSeries中為IndependantAxis指定Interval和IntervalType。

<DVC:Chart Canvas.Top="80" Canvas.Left="10" Name="mcChart" Background="LightSteelBlue" Margin="12">          
    <DVC:Chart.Series>
        <DVC:LineSeries Title="Lines" IndependentValueBinding="{Binding Path=Key}" DependentValueBinding="{Binding Path=Value}">

            <DVC:LineSeries.IndependentAxis>
                <DVC:DateTimeAxis Orientation="X" Title="Date" Interval="1" IntervalType="Days" />
            </DVC:LineSeries.IndependentAxis>                 

        </DVC:LineSeries>
    </DVC:Chart.Series>
</DVC:Chart>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM