ComponentOne WebChart for ASP.NET基础(2)

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);
}

转载于:https://www.cnblogs.com/battler/archive/2005/05/13/154738.html