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
相关文章推荐
- WPF、Silverlight项目中使用柱状图、饼状图、折线图
- WPF、Silverlight项目中使用柱状图、饼状图、折线图
- WPF项目中使用柱状图、饼状图、折线图
- Wpf/Wp/Silverlight-Chart图表控件:柱状图、饼状图等使用汇总
- 使用jfreechart生成柱状图、折线图、和饼状图
- ExtJS 3.0 中的Flash报表的使用之一:柱状图、横向柱状图、折线图、饼状图
- asp.net 统计图 折线图 饼状图 柱状图
- highcharts api 中文网 折线图、曲线图、区域图、3D图、柱状图示例以及使用
- 使用Silverlight Toolkit绘制图表(上)--柱状图 推荐
- 使用Silverlight Toolkit绘制图表(下)--饼图,折线图,散点图
- Android集成统计图 饼状图 折线图 和 柱状图
- 使用jfreeChart生成柱状图,折线图,饼图等
- C#中使用GDI+实现饼状图和柱状图跟数据库联接显示数据的方法
- 在 Silverlight 5 项目中使用 async/await
- Echarts柱状图,饼状图,折线图案例
- iOS:使用贝塞尔曲线绘制图表(折线图、柱状图、饼状图)
- 原生js和canvas实现的 柱状图、饼状图、折线图
- Echarts柱状图,饼状图,折线图案例
- 使用Silverlight Toolkit绘制图表(下)--饼图,折线图,散点图 推荐
- ZZ:使用.NET语言开发Silverlight应用程序入门(一):了解项目结构