1.Configuring the Chart
图表配置
当添加控件后,接着就利用内置的向导自定义外表.右击chart选择"Chart Wizard".你可以选择你受需要的图
表类型.
你可以通过属性设置图表的BackColor和ChartStyle
图表向导和窗口属性非常强大,可以在不需要写代码的情况下设置各种图表的属性.你可以使用图表向导组装
图表数据,但是很少适用于实际的情况(量级数和点的个数等)
当报表配置好后,你可以保存为一个文件.这样的话你可以在其他图表中重用. 右击图表选择 “Save Chart”
.你可以右击选择“Load Chart”进行重用.你可以预先定义图表模板.你也可以使用LoadChartFromFile方法动态加载.
2.Adding User Interaction With ImageAreas
添加用户图像区域交互
C1WebChart and C1WebChart3D允许你关联工具提示和连接图表元素,所以图表响应鼠标事件.这些是利用客户端处理HTML图片映象
图片映象在ImageAreas属性中定义,它是一个结合了tooltips and HRefs图表元素的集合.tooltips用来属性悬停在图表上显示的提示,HRefs用来设置点击图表元素时的触发的事件
编辑窗体属性的ImageAreas集合.点击按钮弹出设置界面
例如:当你选择“ChartData”并设置Tooltip属性为“{#YVAL:c}”.
3.Adding Data to the Chart
添加数据到图表
最后的步骤添加数据到你所要显示的图表,这一步你需要撰写代码
在绝大多数的应用程序中,数据时来之ADO.NET的DataSet,通常结合转换:过滤,排序,总结.也有可能数据所来自其他的数据源,例如数组和自定义数据结构.不管数据是来自那里,你都可以使用ChartDataSeries类中的方法添加数据
例如,从DataTable绑定数据到图表
private void Page_Load(object sender, EventArgs e)
{
// get dataset (from db or cache)
DataSet ds = GetDataSet();
// filter the data
DataView dv = new DataView(ds.Tables["Sales"]);
dv.RowFilter = "ProductSales >= 40000";
dv.Sort = "ProductSales";
// create an array of data points
PointF[] data = new PointF[dv.Count]
for (int i = 0; i < data.Length; i++)
{
float y = float.Parse(dv[i]["ProductSales"].ToString());
data[i] = new PointF(i, y);
}
// populate chart data points
ChartDataSeries series = _c1webChart.ChartGroups[0].ChartData.SeriesList[0];
series.PointData.CopyDataIn(data);
}