Arction Ltd從事高性能的大數(shù)據(jù)可視化研發(fā)近15年，其下產品LightningChart處于行業(yè)絕對領先水平,本使用教程將會帶您學會如何使用LightningChart .NET進行數(shù)據(jù)可視化展示。

本教程介紹如何使用PointLineSeries3D在 3D 圖表中呈現(xiàn)點和線，如何使用鼠標創(chuàng)建多個點系列和跟蹤點值。跟蹤值使用注釋顯示，允許在圖表區(qū)域的任何位置顯示標簽或圖形。

1. 將 View3D 定義為活動視圖并定義 Z 軸范圍。

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

2. 創(chuàng)建一個新的 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. 將樣式應用于新創(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ù)點創(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)建一個Annotation來顯示鼠標跟蹤值

// 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 事件處理程序以啟用點跟蹤

chart.MouseMove += Chart_MouseMove;

7. 創(chuàng)建鼠標移動事件處理函數(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();
}

點擊進入下一章：LightningChart .NET使用教程（十）：3D SurfaceGrid 圖表

如果您對該圖表控件感興趣，歡迎加入圖表控件QQ交流群：740060302

如果你想了解LightningChart.NET正版價格，歡迎查看產品介紹或