您的位置:首页 > 其它

WPF、Silverlight项目中使用柱状图、饼状图、折线图

2013-11-06 16:50 330 查看

在开发的过程中,可能会遇到柱状图、饼状图、折线图来更好的显示数据,最近整理了一下,遂放出来望需要的朋友可以参考。本文仅仅是简单显示,如需复杂显示效果请参考官网代码示例。----本文代码使用WPF,Silverlight类似代码,使用第三方wpf_visifire_v5.1.2-0_trial控件。

后续会放上Html5示例。

代码下载地址:代码下载



先放上一组截图吧:

publicvoidCreateChartSpline(stringname,List<DateTime>lsTime,List<string>cherry,List<string>pineapple)
{
//创建一个图标
Chartchart=newChart();

//设置图标的宽度和高度
chart.Width=580;
chart.Height=380;
chart.Margin=newThickness(100,5,10,5);
//是否启用打印和保持图片
chart.ToolBarEnabled=false;

//设置图标的属性
chart.ScrollingEnabled=false;//是否启用或禁用滚动
chart.View3D=true;//3D效果显示

//创建一个标题的对象
Titletitle=newTitle();

//设置标题的名称
title.Text=name;
title.Padding=newThickness(0,10,5,0);

//向图标添加标题
chart.Titles.Add(title);

//初始化一个新的Axis
Axisxaxis=newAxis();
//设置Axis的属性
//图表的X轴坐标按什么来分类,如时分秒
xaxis.IntervalType=IntervalTypes.Months;
//图表的X轴坐标间隔如2,3,20等,单位为xAxis.IntervalType设置的时分秒。
xaxis.Interval=1;
//设置X轴的时间显示格式为7-1011:20
xaxis.ValueFormatString="MM月";
//给图标添加Axis
chart.AxesX.Add(xaxis);

AxisyAxis=newAxis();
//设置图标中Y轴的最小值永远为0
yAxis.AxisMinimum=0;
//设置图表中Y轴的后缀
yAxis.Suffix="斤";
chart.AxesY.Add(yAxis);

//创建一个新的数据线。
DataSeriesdataSeries=newDataSeries();
//设置数据线的格式。
dataSeries.LegendText="樱桃";

dataSeries.RenderAs=RenderAs.Spline;//折线图

dataSeries.XValueType=ChartValueTypes.DateTime;
//设置数据点
DataPointdataPoint;
for(inti=0;i<lsTime.Count;i++)
{
//创建一个数据点的实例。
dataPoint=newDataPoint();
//设置X轴点
dataPoint.XValue=lsTime[i];
//设置Y轴点
dataPoint.YValue=double.Parse(cherry[i]);
dataPoint.MarkerSize=8;
//dataPoint.Tag=tableName.Split('(')[0];
//设置数据点颜色
//dataPoint.Color=newSolidColorBrush(Colors.LightGray);
dataPoint.MouseLeftButtonDown+=newMouseButtonEventHandler(dataPoint_MouseLeftButtonDown);
//添加数据点
dataSeries.DataPoints.Add(dataPoint);
}

//添加数据线到数据序列。
chart.Series.Add(dataSeries);

//创建一个新的数据线。
DataSeriesdataSeriesPineapple=newDataSeries();
//设置数据线的格式。

dataSeriesPineapple.LegendText="菠萝";

dataSeriesPineapple.RenderAs=RenderAs.Spline;//折线图

dataSeriesPineapple.XValueType=ChartValueTypes.DateTime;
//设置数据点

DataPointdataPoint2;
for(inti=0;i<lsTime.Count;i++)
{
//创建一个数据点的实例。
dataPoint2=newDataPoint();
//设置X轴点
dataPoint2.XValue=lsTime[i];
//设置Y轴点
dataPoint2.YValue=double.Parse(pineapple[i]);
dataPoint2.MarkerSize=8;
//dataPoint2.Tag=tableName.Split('(')[0];
//设置数据点颜色
//dataPoint.Color=newSolidColorBrush(Colors.LightGray);
dataPoint2.MouseLeftButtonDown+=newMouseButtonEventHandler(dataPoint_MouseLeftButtonDown);
//添加数据点
dataSeriesPineapple.DataPoints.Add(dataPoint2);
}
//添加数据线到数据序列。
chart.Series.Add(dataSeriesPineapple);

//将生产的图表增加到Grid,然后通过Grid添加到上层Grid.
Gridgr=newGrid();
gr.Children.Add(chart);

Simon.Children.Add(gr);
}


ViewCode


                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
章节导航