些微Series使用了一定的Point,那么x值正是那组y值的index

LiveCharts文档-叁发端-四可用的图纸

LiveCharts共有伍类图表,你将会在后面的章节当中看到那些图片的选取形式。

LiveCharts文档-三始发-四可用的图片

LiveCharts共有伍类图表,你将会在末端的章节当中看到这个图片的选取办法。

CartesianChart笛卡尔图表

故名思议便是绘制符合笛卡尔坐标系的图样类型,也正是我们最广大的图片,每种Point都是一对(x,y);假使只传递了一组y值,那么x值便是那组y值的index。
笛Carl图表协助多样Series,你可以在二个Chart中使用三个例外的Series。
图片 1

请留意上面这些事例,有个别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),
      // ..
    }
  }
}

CartesianChart笛Carl图表

故名思议正是绘制符合笛Carl坐标系的图片类型,也正是大家最常见的图纸,每一种Point都是壹对(x,y);假若只传递了1组y值,那么x值正是那组y值的index。
笛Carl图表支持两种Series,你能够在二个Chart中动用七个分歧的Series。
图片 2

请小心下边那一个事例,有些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扇形图

绘图扇形图和甜甜圈图

PieChart扇形图

绘图扇形图和甜甜圈图

Gauge仪表图

制图仪表图

Gauge仪表图

绘制仪表图

Angular Gauge

指针式仪表图,在某些量程内展现二个值,比如速度表

Angular Gauge

指针式仪表图,在有个别量程内呈现贰个值,比如速度表

Maps地图

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

Maps地图

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

相关文章