如何使用LightningChart制作一个简单的甘特图

该示例是使用7.2.3版本的不可绑定的WPF图表编写的。

代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

using Arction.Wpf.Charting;

using Arction.Wpf.Charting.Axes;

using Arction.Wpf.Charting.SeriesXY;

using Arction.Wpf.Charting.Views;

using Arction.Wpf.Charting.Views.ViewXY;

using Arction.Wpf.Charting.Annotations;

namespace WpfApplication1

{

///

/// Interaction logic for MainWindow.xaml

///

public partial class MainWindow : Window

{

LightningChartUltimate _chart;

public MainWindow()

{

InitializeComponent();

CreateChart();

}

void CreateChart()

{

_chart = new LightningChartUltimate();

_chart.BeginUpdate();

gridMain.Children.Add(_chart);

_chart.ChartRenderOptions.FontsQuality = FontsRenderingQuality.High;

ViewXY v = _chart.ViewXY;

AxisX xAxis = v.XAxes[0];

AxisY yAxis = v.YAxes[0];

//Set X axis properties

xAxis.ValueType = AxisValueType.DateTime;

xAxis.AutoFormatLabels = false;

xAxis.LabelsTimeFormat = "MM/dd/yyyy";

xAxis.LabelsAngle = 90;

xAxis.SetDateOrigin(new DateTime(2000, 1, 1));//Note, do not give or show X axis values less than this

xAxis.AutoDivSpacing = false;

xAxis.MajorDiv = 24 * 60 * 60;//one day

xAxis.Title.Text = "Time";

v.ZoomPanOptions.RightToLeftZoomAction = RightToLeftZoomActionXY.ZoomOut;

const int DeveloperCount = 5;

//Categories: Developer 1 ... DeveloperN

//Create custom axis ticks for Y axis

for (int dev = 0; dev < DeveloperCount; dev++)

{

yAxis.CustomTicks.Add(new CustomAxisTick(xAxis,dev,"Dev "+dev.ToString(), 10, true, Colors.White, CustomTickStyle.TickAndGrid));

}

yAxis.CustomTicksEnabled = true;

yAxis.AutoFormatLabels = false;

Random rand = new Random();

for (int dev = 0; dev < DeveloperCount; dev++)

{

int taskCount = rand.Next(6, 10);

DateTime dtStart = DateTime.Now;

for (int task = 0; task < taskCount; task++)

{

if(dtStart.DayOfWeek == DayOfWeek.Saturday)

dtStart += TimeSpan.FromDays(2);

else if(dtStart.DayOfWeek == DayOfWeek.Sunday)

dtStart += TimeSpan.FromDays(1);

DateTime dtStop = dtStart + TimeSpan.FromDays((double)rand.Next(1,6));

string title = "Task " + task.ToString();

AddGanttBar(dtStart, dtStop, dev, 0.5, title,

DefaultColors.SeriesForBlackBackgroundWpf[task % DefaultColors.SeriesForBlackBackgroundWpf.Length]);

dtStart = dtStop;

}

}

//Seek min and max values for X and Y axis

double xMax = double.MinValue;

double xMin = double.MaxValue;

double yMax = double.MinValue;

double yMin = double.MaxValue;

foreach (AnnotationXY ganttBar in _chart.ViewXY.Annotations)

{

if (ganttBar.AxisValuesBoundaries.XMin < xMin)

xMin = ganttBar.AxisValuesBoundaries.XMin;

if (ganttBar.AxisValuesBoundaries.XMax > xMax)

xMax = ganttBar.AxisValuesBoundaries.XMax;

if (ganttBar.AxisValuesBoundaries.YMin < yMin)

yMin = ganttBar.AxisValuesBoundaries.YMin;

if (ganttBar.AxisValuesBoundaries.YMax > yMax)

yMax = ganttBar.AxisValuesBoundaries.YMax;

}

xAxis.SetRange(xMin, xMax);

yAxis.SetRange(yMin, yMax);

yAxis.Title.Text = "Assets";

v.LegendBox.Visible = false;

_chart.EndUpdate();

}

void AddGanttBar(DateTime start, DateTime stop, double yCenter, double yHeight, string title, Color color)

{

//Use Annotation as Gantt bar

ViewXY v = _chart.ViewXY;

AxisX xAxis = v.XAxes[0];

AxisY yAxis = v.YAxes[0];

AnnotationXY ganttBar = new AnnotationXY(v, xAxis, yAxis);

ganttBar.Style = AnnotationStyle.Rectangle;

ganttBar.Sizing = AnnotationXYSizing.AxisValuesBoundaries;

ganttBar.AxisValuesBoundaries.XMin = xAxis.DateTimeToAxisValue(start);

ganttBar.AxisValuesBoundaries.XMax = xAxis.DateTimeToAxisValue(stop);

ganttBar.AxisValuesBoundaries.YMin = yCenter - yHeight / 2.0;

ganttBar.AxisValuesBoundaries.YMax = yCenter + yHeight / 2.0;

ganttBar.Fill.GradientFill = GradientFill.Solid;

ganttBar.Fill.Color = Color.FromArgb(200, color.R, color.G, color.B);

ganttBar.Text = title;

ganttBar.Shadow.Visible = false;

ganttBar.RotateByMouse = false;

ganttBar.AnchorAdjustByMouse = false;

ganttBar.ResizeByMouse = false;

ganttBar.MoveByMouse = false;

ganttBar.TargetMoveByMouse = false;

v.Annotations.Add(ganttBar);

}

}

}


甘特图

The example uses Annotations. There's another ways to make Gantt chart as well, such as:

PolygonSeries, each bar composes of 4 corners. Text on each bar, like in annotation.

LineCollections, simplified output when lots of bars to show. No text on each bar.

推荐阅读更多精彩内容

  • 画心师岑欢因遭逢变故来到苍城,被中医铺子的宁为玉和司马空空救下。三人来到陆宅,结识了大小姐陆小曼与卫道人士九思,...
    顾冰璃阅读 47评论 3 2
  • 叶枚也说不清楚是为什么,和李子木在一起她总有一种说不出的舒心的感觉,就像在小姨面前一样,在李子木面前她可以不需要任...
    叶知春_eb10阅读 82评论 0 2
  • 陪孩子长大·第一章 温暖的港湾·6.无条件的爱 2017-11-28 中国心宇心理网 第一章 温暖的港湾 培养亲密...
    暖阳_1332阅读 59评论 0 0
  • 张爱玲的散文大半自诉身边感受。人生的、文化的描述,都深深透露着她的灵性。字里行间能充分体味到她是一个懂得享受生活之...
    山妖妙妙阅读 1,093评论 6 23
  • 你的文字和灵感都在你的心里 在你所谓的未来里 你大概在拼命的珍惜时间 或许这种生活模式让你从承重变得更加压抑 就算...
    SayEstrus阅读 34评论 0 0