图形化报表
图形化的报表的优点
<1>、分析、统计业务数据。
<2>、表现直观,漂亮,有震撼效果的图形化的方式展现业务数据
<3>、复杂的业务数据简单化
常用的报表组件
<1>、HighCharts:是纯js编写的图形化报表
<2>、水晶报表(crystal Report)
<3>、jqChart:是纯js编写的图形化报表
<4>、MsChart:是微软提供的图形化报表组件
<5>、XtraReports
图形化报表中常用的图形
<1>、直线图
<2>、曲线图
<3>、区域图
<4>、柱状图
<5>、饼状图
<6>、堆状图
<7>、散布图
<8>、区域曲线图
Mschar组件的使用
//设置图表标题 this.Chart1.Titles.add("title of chart1"); //为图表创建序列 this.Chart1.Series.add("SeriesOne"); this.Chart1.Series.add("SeriesTwo"); //设置图表类型 this.Chart1.Series["SeriesOne"].ChartType=SeriesChartType.Line; this.Chart1.Series["SeriesTwo"].ChartType=SeriesChartType.Line; //获取数据,返回dataSet...... ...... dataSet ds=.... ... //遍历数据 foreach(DataRow row in ds.Tables[0].rows) { //定义数据点 DatePoint point=new DataPoint(Convert.ToDouble(row["Month"]),Convert.ToDouble(row["AvgTemp"]); //设置每个数据点在x轴的标签文本 point.AxisLabel=string.Format("{0}月",row["Month"]); //设置数据点标签的文本 point.Lable=string.Format("{0}°",row["AvgTemp"]); //将数据点添加到图表 this.Chart1.Series[0].Points.Add(point); }
//饼图 数据点标签(百分数) 在圆饼外并带折线显示 Chart1.Series["se1"]["PieLabelStyle"] = "Outside"; Chart1.Series["se1"]["PieLineColor"] = "red"; //自定义属性 PieLabelStyle用于饼图、圆环图类型,如下:
适用的图表类型 |
|
适用的图表元素 |
Series,DataPoint |
取值范围 |
Disabled , Inside, Outside |
默认值 |
Inside |
二维或三维 |
二维、三维 |
自定义属性:PieLineColor
//设置数据点标签为百分数 Chart1.Series["se1"].Label = "#PERCENT{P2}"; //图例显示 数据点xvalue 值 Chart1.Series["se1"].LegendText= "#VALX";
Mschart图表类型: