LightningChart教程:带有鼠标点跟踪和注释的3D图表

翻译|使用教程|编辑:吴园园|2019-07-26 14:03:33.463|阅读 80 次

概述:本教程介绍如何使用PointLineSeries3D在3D图表中显示点和线,如何使用鼠标创建多个点系列和跟踪点值。跟踪值使用注释显示,允许在图表区域的任何位置显示标签或图形。

# 您正在找协同办公软件吗?点击这里站长给您推荐 #

相关链接:

使用LightningChart,您可以为各种用例创建不同类型的图表。之前的教程演示了如何创建具有多个线系列和轴,区域系列和条形系列的简单2D图表。本教程介绍如何使用PointLineSeries3D在3D图表中显示点和线,如何使用鼠标创建多个点系列和跟踪点值。跟踪值使用注释显示,允许在图表区域的任何位置显示标签或图形。LightningChart Ultimate SDK现已加入在线订购,点击订购立享优惠)

点击下载LightningChart Ultimate SDK最新试用版

 Arction Ltd教程:带有鼠标点跟踪和注释的3D图表

1.将View3D定义为活动视图并定义Z轴范围。

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

2.创建一个新的PointLineSeries3D对象以显示数据。

// 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.将样式应用于新创建的系列。

// 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.为数据点创建SeriesPoint3D数组并添加数据。

// 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.创建注释以显示鼠标跟踪值

// 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.为鼠标移动事件处理程序创建一个函数

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();}


如果这篇关于带有鼠标点跟踪和注释的3D图表的教程对您有用,欢迎分享您的疑问和想法!

想要购买LightningChart Ultimate SDK正版授权的朋友可以咨询慧都官方客服

有关产品资讯的更多精彩内容,敬请关注下方的微信公众号▼▼▼


图片2.jpg



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:Arction Ltd https://www.arction.com/tutorials/#/lcu_tutorial_3DPointLines_08

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
LightningChart.NET

高性能WPF和Winforms图表,可以实时可视化多达数十亿个数据点。

在线
客服
在线
QQ
咨询
电话
177-4994-3557
购物车 反馈 返回
顶部
在线客服系统
live chat