后台代码:
using System.Collections.Generic; using System.Windows.Controls; using Visifire.Charts; namespace TTS_2019.View.DataStatistics { /// /// UC_SaleStatistics.xaml 的交互逻辑 /// public partial class UC_SaleStatistics : UserControl { public UC_SaleStatistics() { InitializeComponent(); //绑定数据 Data(); } /// /// 产品实体 /// public class ProductInfos { public string ProductName { get; set; } public int ProductNumber { get; set; } } //实例化产品列表并添加数据 List
productInfos = new List
() { new ProductInfos () { ProductName="荔 枝",ProductNumber=20}, new ProductInfos () { ProductName="香 蕉",ProductNumber=100}, new ProductInfos () { ProductName="苹 果",ProductNumber=30}, new ProductInfos () { ProductName="梨",ProductNumber=50}, }; //图表数据绑定 public void Data() { //设置图表基本属性 var dataSeries = new DataSeries { RenderAs = RenderAs.Column,//图表类型 LabelEnabled = true,//图列 LegendText = "最小值", LabelText = "#AxisXLabel,#YValue", Legend = "水果销售图", SelectionEnabled = true, StartAngle = 10, }; //循环执行列表 productInfos.ForEach(u => { //数据点列 var datapoint = new DataPoint { AxisXLabel = u.ProductName,//X轴标签。 YValue = u.ProductNumber,//对应“Y”轴值。 }; dataSeries.DataPoints.Add(datapoint); }); //图表控件数据绑定 this.chart1.Series.Add(dataSeries); } } }
- DataPoints:数据点列。
- RenderAs:图表类型。柱、饼、线、Bar、堆积等。
- AxisYType:对应的“Y”轴。
- LegendText:图列。
- DataPoints :数据点列
DataPoint(数据点): - AxisXLabel :X轴标签。
- YValue:对应“Y”轴值。
- ToolTipText :数据点提示信息
- 如果加载时需要动态效果需要在后台以new Chart()的方式创建图表,然后将其加入到指定容器
即可达到期望效果
相关注意事项: - 如果加载时需要动态效果需要在后台以new Chart()的方式创建图表,然后将其加入到指定容器
即可达到期望效果 - 在以数据绑定方式显示图表数据时,相关页面代码如下
chart1.Series[0].DataSource=productInfos;
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/213779.html原文链接:https://javaforall.net
