WPF：放大Scichart圖表上的前3個點

Question

我的圖形運行良好，它按照需要繪制了我需要的11個點。 但是，一旦情節出現，我對前三點特別感興趣。 我想知道是否有一種方法可以使圖表自動放大到繪制的前3個點，而不是在過程完成時具有圖表的完整比例。 這是xaml：

<SciChart:SciChartSurface x:Name="sciChart" 
                                              Grid.Row="6"
                                              SciChart:RenderSurfaceBase.RenderSurfaceType="Abt.Controls.SciChart.Rendering.HighQualityRasterizer.HighQualityRenderSurface" 
                                              SciChart:ThemeManager.Theme="BlackSteel" 
                                              Margin="-23,-2,-8,-18" Grid.ColumnSpan="6" Loaded="sciChart_Loaded">

                <!--  Declare RenderableSeries  -->
                <SciChart:SciChartSurface.RenderableSeries>
                    <SciChart:FastLineRenderableSeries SeriesColor="LightBlue" StrokeThickness="2">
                        <SciChart:FastLineRenderableSeries.PointMarker>
                            <SciChart:EllipsePointMarker Width="9" Height="9" Stroke="LightBlue" Fill="#990077FF" StrokeThickness="2"/>
                        </SciChart:FastLineRenderableSeries.PointMarker>
                    </SciChart:FastLineRenderableSeries>
                </SciChart:SciChartSurface.RenderableSeries>

                <!--  Declare Axes  -->
                <SciChart:SciChartSurface.XAxis>
                    <SciChart:TimeSpanAxis AxisTitle="Time" GrowBy="0.1, 0.1" DrawMajorGridLines="True" DrawMinorGridLines="True" DrawMajorTicks="True" DrawMinorTicks="True" />
                </SciChart:SciChartSurface.XAxis>

                <SciChart:SciChartSurface.YAxis>
                    <SciChart:NumericAxis  AxisAlignment="Left" AxisTitle=" % in Profit" GrowBy="0.1, 0.1" DrawMajorGridLines="True" DrawMinorGridLines="True" DrawMajorTicks="True" DrawMinorTicks="True"/>
                </SciChart:SciChartSurface.YAxis>

Scichart的圖表可以做到這一點嗎？

Answer 1

是的，您可以直接在SciChartSurface上操縱XAxis.VisibleRange。 為此，只需使用如下代碼

// Create your Data Series
var xyDataSeries = new XyDataSeries<TimeSpan, double>();

// Append some values
xyDataSeries.Append(TimeSpan.FromSeconds(0), 0);
xyDataSeries.Append(TimeSpan.FromSeconds(1), 1);
xyDataSeries.Append(TimeSpan.FromSeconds(2), 2);
// ... 
xyDataSeries.Append(TimeSpan.FromSeconds(11), 11); 

// Set the XyDataSeries on the RenderableSeries
// Assumes chart is created as per your XAML above
sciChart.RenderableSeries[0].DataSeries = xyDataSeries;   

// Zoom XAxis to fit first three points
var xRange = new TimeSpanRange(xyDataSeries.XValues[0], xyDataSeries.XValues[2]);
sciChart.XAxis.VisibleRange = xRange;

// Zoom to fit in Y direction
sciChart.ZoomExtentsY(); 

希望這可以幫助！

披露： 我是SciChart WPF圖表的總經理和所有者