LiveCharts文档-3开始-4可用的图表

LiveCharts文档-3开始-4可用的图表

LiveCharts共有5类图表,你将会在后面的章节当中看到这些图表的使用方法。

CartesianChart笛卡尔图表

故名思议就是绘制符合笛卡尔坐标系的图表类型,也就是我们最常见的图表,每个Point都是一对(x,y);如果只传递了一组y值,那么x值就是这组y值的index。
笛卡尔图表支持多种Series,你可以在一个Chart中使用多个不同的Series。
344964-20180113204536410-1420059385.png

请注意下面这个例子,有些Series使用了特定的Point,LiveCharts知道如何绘制很多类型的数据,如果你需要自定义,请阅读后面的相关章节,非常简单。

using LiveCharts;
using LiveCharts.Defaults; //Contains the already defined types
LiveCharts.SeriesCollection series = new LiveCharts.SeriesCollecion 
{
  new LineSeries
  {
    //The ObservableValue class notifies the chart to update when value changes
    Values = new ChartValues<LiveCharts.Defaults.ObservableValue>
    {
        new LiveCharts.Defaults.ObservableValue(4),
        new LiveCharts.Defaults.ObservableValue(4),
        // ...
    }
  },
  new ColumnSeries
  {
    Values = new ChartValues<ObservableValue>
    {
      new ObservableValue(4),
      new ObservableValue(2),
      // ...
    }
  },
  //这个是金融图,貌似类似于蜡烛图一样的东西
  new OhlcSeries
  {
    Values = new ChartValues<OhlcPoint>
    {
      new OhlcPoint(32, 35, 30, 32),
      new OhlcPoint(33, 38, 31, 37),
      // ..
    }
  }
}

PieChart扇形图

绘制扇形图和甜甜圈图

Gauge仪表图

绘制仪表图

Angular Gauge

指针式仪表图,在某个量程内显示一个值,比如速度表

Maps地图

支持地理热能地图,值对应地理坐标。
本节完。

转载于:https://www.cnblogs.com/newlifechou/p/8280491.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LiveCharts中,轴是用于显示图表中数据的组件。LiveCharts支持多种类型的轴,包括数值轴、时间轴和类别轴等。 使用数值轴可以绘制数值型数据,如整数、浮点数等。使用时间轴可以绘制时间序列数据,如日期、时间戳等。使用类别轴可以绘制离散型数据,如文字、标签等。 在LiveCharts中,轴由Axis类表示。可以通过设置Axis类的属性来定制轴的外观和行为。例如,可以设置轴的标题、标签格式、最小值、最大值等。 下面是使用数值轴绘制折线图的示例代码: ```csharp CartesianChart chart = new CartesianChart(); // 创建数值轴 var xAxis = new Axis { Title = "X 轴", Labels = new[] {"A", "B", "C", "D", "E"}, Separator = new Separator {Step = 1}, MinValue = 0, MaxValue = 4 }; var yAxis = new Axis { Title = "Y 轴", LabelFormatter = value => value.ToString("N"), Separator = new Separator {Step = 10}, MinValue = 0, MaxValue = 100 }; // 添加数据系列 var series = new LineSeries { Title = "数据系列", Values = new ChartValues<double> {20, 35, 50, 60, 80} }; // 将轴和数据系列添加到图表中 chart.AxisX.Add(xAxis); chart.AxisY.Add(yAxis); chart.Series.Add(series); ``` 在上面的示例中,我们创建了一个数值轴,设置了轴的标题、标签、分隔符、最小值和最大值等属性。然后创建了一个折线图系列,并将轴和系列添加到图表中。 LiveCharts还支持自定义轴类型。例如,如果想要绘制一个自定义轴类型,需要继承Axis类并实现相应的方法和属性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值