图形化报表

图形化报表

图形化的报表的优点
     　    <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

 

 

 

 

指定标注线条的辐射段和水平段的颜色。

自定义属性特征

 

 

适用的图表类型	饼图、圆环图
适用的图表元素	Series,DataPoint
取值范围	任何命名颜色、ARGB 或 RGB 值。
默认值	Black
二维或三维	二维、三维

备注

 

仅当 PieLabelStyle 设置为 Outside 时才应用此属性。

 

 

//设置数据点标签为百分数 
 Chart1.Series["se1"].Label = "#PERCENT{P2}";
 //图例显示 数据点xvalue 值
Chart1.Series["se1"].LegendText= "#VALX";

 

 

Mschart图表类型: