使用LightningChart，您可以為各種用例創(chuàng)建不同類型的圖表。之前的教程演示了如何創(chuàng)建具有多個(gè)線系列和軸，區(qū)域系列和條形系列的簡單2D圖表。本教程介紹如何使用PointLineSeries3D在3D圖表中顯示點(diǎn)和線，如何使用鼠標(biāo)創(chuàng)建多個(gè)點(diǎn)系列和跟蹤點(diǎn)值。跟蹤值使用注釋顯示，允許在圖表區(qū)域的任何位置顯示標(biāo)簽或圖形。（LightningChart Ultimate SDK現(xiàn)已加入在線訂購，點(diǎn)擊訂購立享優(yōu)惠）

點(diǎn)擊下載LightningChart Ultimate SDK最新試用版

1.將View3D定義為活動(dòng)視圖并定義Z軸范圍。

// Set View3D as active view and set Z-axis range.
chart.ActiveView = ActiveView.View3D;
chart.View3D.ZAxisPrimary3D.SetRange(0, 80);

2.創(chuàng)建一個(gè)新的PointLineSeries3D對象以顯示數(shù)據(jù)。

// Create a new PointLineSeries3D for displaying data and set axis bindings to primary axes.
var series = new PointLineSeries3D(chart.View3D, Axis3DBinding.Primary, Axis3DBinding.Primary, Axis3DBinding.Primary)
{
    // Set this to true to set a color for individual points.
    IndividualPointColors = true, 
    // Set this to true in order for mouse tracking to work.
    MouseInteraction = true 
};

3.將樣式應(yīng)用于新創(chuàng)建的系列。

// Set a title to the series.
series.Title.Text = "Series 0";

// Set point shape to a sphere.
series.PointStyle.Shape3D = PointShape3D.Sphere;

// Set individual point size.
series.PointStyle.Size3D.SetValues(3, 3, 3);

// Set the width of the line between points.
series.LineStyle.Width = 0.4f;

// Draw the line between points with the same color as the points.
series.LineStyle.LineOptimization = LineOptimization.NormalWithShading; 

// Set a color to the line.
series.LineStyle.Color = Color.FromArgb(255, 255, 0, 0);

4.為數(shù)據(jù)點(diǎn)創(chuàng)建SeriesPoint3D數(shù)組并添加數(shù)據(jù)。

// Create a SeriesPoint3D array for data points.
SeriesPoint3D[] points = new SeriesPoint3D[10];

// Generate sample data to the array.
for (int j = 0; j < 10; j++)
{
    // Random values for data points.
    points[j].X = 5 + j * 10;
    points[j].Y = 30 + random.NextDouble() * 25.0;
    points[j].Z = 10 + i * 10;
    
    // You can set an individual color to each point with the Color property.
    points[j].Color = Color.FromArgb(255, 255, 0, 0);
}
   
// Set the points array to series Points property.
series.Points = points;

// Add the series to chart's View3D.
chart.View3D.PointLineSeries3D.Add(series);

5.創(chuàng)建注釋以顯示鼠標(biāo)跟蹤值

// Create a new annotation to display target values when hovering over a point with the mouse.
mouseAnnotation = new Annotation3D(chart.View3D, Axis3DBinding.Primary, Axis3DBinding.Primary, Axis3DBinding.Primary)
{
    // Set the annotation as invisible by default.
    Visible = false,
    
    // Set the annotations target location coordinates to use axis values.
    TargetCoordinateSystem = AnnotationTargetCoordinates.AxisValues,
    
    // Set the annotations location to use relative screen coordinates to target.
    LocationCoordinateSystem = CoordinateSystem.RelativeCoordinatesToTarget,
    
    // Disable mouse interaction with the annotation.
    MouseInteraction = false
 };
    
// Set offset to annotation.
mouseAnnotation.LocationRelativeOffset.SetValues(40, -70);

// Add annotation to View3D.
chart.View3D.Annotations.Add(mouseAnnotation);

6.將MouseMove事件處理程序添加到圖表以啟用點(diǎn)跟蹤

chart.MouseMove += Chart_MouseMove;

7.為鼠標(biāo)移動(dòng)事件處理程序創(chuàng)建一個(gè)函數(shù)

private void Chart_MouseMove(object sender, System.Windows.Input.MouseEventArgs e)
{
    // Call BeginUpdate for chart to disable rendering while mouse is moving
    // over the chart to improve performance.
    chart.BeginUpdate();
    
    // Set label visible when not hovered over by mouse.
    mouseAnnotation.Visible = false;
    
    // Check if any object has been found under the mouse.
    object obj = chart.GetActiveMouseOverObject();
    if (obj != null)
    {
        // Check if the active mouse over object is a PointLineSeries object.
        if (obj is PointLineSeries3D)
        {
            PointLineSeries3D pointLineSeries3D = obj as PointLineSeries3D;
            
            // Get the point last hit by mouse.
            int pointIndex = pointLineSeries3D.LastMouseHitTestIndex;
            SeriesPoint3D point = pointLineSeries3D.Points[pointIndex];
            
            // Set annotation position to the moused over point.
            mouseAnnotation.TargetAxisValues.SetValues(point.X, point.Y, point.Z);
            
            // Set annotation text to display information about the moused over point.
            mouseAnnotation.Text = "Series index: " + chart.View3D.PointLineSeries3D.IndexOf(pointLineSeries3D).ToString()
                + "\nPoint index: " + pointIndex.ToString()
                + "\nX=" + point.X.ToString("0.0") + " ; Y=" + point.Y.ToString("0.0") + " ; Z=" + point.Z.ToString("0.0");
            
            // Set the annotation visible while mouse is hovering over the point.
            mouseAnnotation.Visible = true;
        }
    }
    // Call EndUpdate to enable rendering again after handling mouse move event.
    chart.EndUpdate();}

如果這篇關(guān)于帶有鼠標(biāo)點(diǎn)跟蹤和注釋的3D圖表的教程對您有用，歡迎分享您的疑問和想法！

想要購買LightningChart Ultimate SDK正版授權(quán)的朋友可以。

有關(guān)產(chǎn)品資訊的更多精彩內(nèi)容，敬請關(guān)注下方的微信公眾號▼▼▼