LightningChart教程:使用多个AreaSeries创建简单的2D图表

翻译|使用教程|编辑:吴园园|2019-07-12 16:03:04.230|阅读 54 次

概述:本教程介绍如何使用多个AreaSeries创建简单的2D图表。 

相关链接:

【点击下载LightningChart Ultimate SDK最新版本】

AreaSeries可以看作是连接分配给它的所有数据点并对线和轴之间的区域着色的线。

AreaSeries可以通过多种方式使用,从不同数据的视觉比较到超时可视化趋势/模式。

本教程假定您已在WinForms或WPF应用程序上使用LightningChart创建了新图表。如果没有,请按照我们的简单二维图表创建一个应用程序。

1562918100.png

1.创建新的AreaSeries并为创建的系列添加样式。

您可以使用System.Windows.Media.Color或System.Drawing.Color定义颜色,具体取决于您使用的是WPF还是WinForms。

// Create a new AreaSeries.var areaSeries1 = 
new AreaSeries(chart.ViewXY, axisX, axisY);// Add styling for created series.
areaSeries1.Fill.Color = Color.FromRgb(176, 196, 222); // LightSteelBlue.
areaSeries1.LineStyle.Color = Color.FromRgb(0, 0, 0); // Black.
areaSeries1.Fill.GradientFill = GradientFill.Solid;

2.定义AreaSeriesPoints并将它们添加到AreaSeries。

// Define AreaSeriesPoints.
AreaSeriesPoint[] points1 = new AreaSeriesPoint[]{
    new AreaSeriesPoint(0, 10),
    new AreaSeriesPoint(1, 8),
    new AreaSeriesPoint(2, 9),
    new AreaSeriesPoint(3, 8),
    new AreaSeriesPoint(4, 7),
    new AreaSeriesPoint(5, 8),
    new AreaSeriesPoint(6, 7),
    new AreaSeriesPoint(7, 9),
    new AreaSeriesPoint(9, 8),
    new AreaSeriesPoint(10, 9)};// Add points to series.
areaSeries1.AddValues(points1);

3.将AreaSeries添加到图表。

// Add AreaSeries to chart.
chart.ViewXY.AreaSeries.Add(areaSeries1);

4.创建2个新的AreaSeries并添加样式。

// Create 2 new AreaSeries.var areaSeries2 = new AreaSeries(chart.ViewXY, axisX, axisY);var areaSeries3 = new AreaSeries(chart.ViewXY, axisX, axisY);// Add styling for created series.
areaSeries2.Fill.Color = Color.FromRgb(250, 250, 210); // LightGoldenrodYellow.
areaSeries2.LineStyle.Color = Color.FromRgb(0, 0, 0); // Black.
areaSeries2.Fill.GradientFill = GradientFill.Solid;
areaSeries3.Fill.Color = Color.FromRgb(255, 140, 0); // DarkOrange.
areaSeries3.LineStyle.Color = Color.FromRgb(0, 0, 0); // Black. 
areaSeries3.Fill.GradientFill = GradientFill.Solid;

5.为两个新的AreaSeries定义AreaSeriesPoints并将它们添加到AreaSeries。

// Define AreaSeriesPoints for both new AreaSeries.
AreaSeriesPoint[] points2 = new AreaSeriesPoint[]{
    new AreaSeriesPoint(0, 5),
    new AreaSeriesPoint(1, 7),
    new AreaSeriesPoint(3, 5),
    new AreaSeriesPoint(4, 6),
    new AreaSeriesPoint(5, 3),
    new AreaSeriesPoint(6, 5),
    new AreaSeriesPoint(7, 6),
    new AreaSeriesPoint(8, 7),
    new AreaSeriesPoint(9, 5),
    new AreaSeriesPoint(10, 4)};
AreaSeriesPoint[] points3 = new AreaSeriesPoint[]{
    new AreaSeriesPoint(0, 1),
    new AreaSeriesPoint(1, 3),
    new AreaSeriesPoint(3, 1),
    new AreaSeriesPoint(4, 3),
    new AreaSeriesPoint(5, 2),
    new AreaSeriesPoint(6, 3),
    new AreaSeriesPoint(7, 2),
    new AreaSeriesPoint(8, 4),
    new AreaSeriesPoint(9, 1),
    new AreaSeriesPoint(10, 2)};// Add points to series.
areaSeries2.AddValues(points2);
areaSeries3.AddValues(points3);

6.将AreaSeries添加到图表。

/ Add AreaSeries to chart.
view.AreaSeries.Add(areaSeries2);
view.AreaSeries.Add(areaSeries3);

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

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

图片2.jpg




标签:

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

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

登录 慧都网发表评论


暂无评论...

为你推荐

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

对Microsoft Visual Studio最快的2D和3D图表

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat