彩票走势图

LightningChart .NET使用教程(二):带有 PointLineSeries 的简单 2D 图表

翻译|使用教程|编辑:凌霄汉|2022-03-04 14:06:15.450|阅读 678 次

概述:本文是LightningChart .NET使用教程的第二章,会带领大家制作第一个LightningChart图表

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

Arction Ltd从事高性能的大数据可视化研发近15年,其下产品LightningChart处于行业绝对领先水平,本使用教程将会带您学会如何使用LightningChart .NET进行数据可视化展示。


使用项目中包含的 LightningCharts DLL,您可以创建您的第一个图表。我们将首先为没有 MVVM 实现的 WinForms 和 WPF 平台创建一个简单的折线图。

LightningChart .NET使用教程(二):带有 PointLineSeries 的简单 2D 图表

可以将图表添加到设计器中,例如(窗体、窗口、网格、面板等)并使用属性窗口进行配置。但是,本教程系列展示了如何在代码中创建所有内容,从而为进一步的项目开发提供可维护性的最佳方式。

1. 创建图表
// Create chart.
var chart = new LightningChart();
2.设置图表的父容器将被渲染
Winforms:
// Set chart control into the parent container.
chart.Parent = this; 
chart.Dock = DockStyle.Fill;;
WPF
// Set chart control into the parent container.
(Content as Grid).Children.Add(chart);
3.为系列生成数据
// Generate data for series.
var rand = new Random();
int pointCounter = 70;

var data = new SeriesPoint[pointCounter];
for (int i = 0; i < pointCounter; i++) { data[i].X = (double)i; data[i].Y = rand.Next(0, 100); }
4. 定义 X 轴和 Y 轴的变量
// Define variables for X- and Y-axis.
var axisX = chart.ViewXY.XAxes[0];
var axisY = chart.ViewXY.YAxes[0];
5. 创建线性系列,例如 PointLineSeries
// Create a new PointLineSeries.
var series = new PointLineSeries(chart.ViewXY, axisX, axisY);
series.LineStyle.Color = Color.Orange;
6. 将生成的数据点设置为系列
// Set data-points into series.
series.Points = data;
7. 将系列添加到图表
// Add series to chart.
chart.ViewXY.PointLineSeries.Add(series);
8. 自动缩放轴以显示所有系列数据
// Auto-scale X- and Y-axes.
chart.ViewXY.ZoomToFit();

点击进入下一章:LightningChart .NET使用教程(三):具有多个 PointLineSeries 的 2D 图表


如果您对该图表控件感兴趣,欢迎加入图表控件QQ交流群:740060302

如果你想了解LightningChart.NET正版价格,欢迎查看产品介绍


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP