DevExpress(11.1.8) 报表(web)：dev控件 WebChartControl 图表(柱状图、饼状图、折线图)

最新推荐文章于 2021-07-07 17:00:10 发布

温喉

最新推荐文章于 2021-07-07 17:00:10 发布

阅读量1.7k

点赞数 1

分类专栏： DevExpress 文章标签： devexpress web WebChartControl 折线图

本文链接：https://blog.csdn.net/qq_34946594/article/details/53184271

版权

本文详细介绍了如何使用DevExpress的WebChartControl创建柱状图、饼状图和折线图。通过构建数据源并设置图表属性，展示了不同类型的图表绘制过程，包括季度销售金额柱状图、年度产品收款比重饼状图和年度各类产品金额折线图。

摘要由CSDN通过智能技术生成

先上图：

代码：

先构建数据源：

public DataTable GetDataSource()
{

DataTable dt = new DataTable();
dt.Columns.Add("quarter", typeof(string));
dt.Columns.Add("money1", typeof(decimal));
dt.Columns.Add("money2", typeof(decimal));
dt.Columns.Add("money3", typeof(decimal));

//季度中的金额完全可以根据自己获取的实际数据填充

dt.Rows.Add("第一季度", 0, 0, 0);//123月份
dt.Rows.Add("第二季度", 0, 0, 0);//456月份
dt.Rows.Add("第三季度", 0, 0, 0);//789月份
dt.Rows.Add("第四季度", 5050, 490865, 0);//101112月份
return dt;

}

写个方法:(需要的时候调用即可) ViewType.Bar代表的是柱状图

public void ShowBar()

{

Series series = new Series("季度第一个月", ViewType.Bar);
Series series_cost = new Series("季度第二个月", ViewType.Bar);
Series series_name = new Series("季度第三个月", ViewType.Bar);
SeriesPoint point;//一个单独的系列(其实就是一个单独的柱状图形,)
DataTable dt = GetDataSource();//数据源(数据源有四行数据对应不同的季度)
for (int i = 0; i < dt.Rows.Count; i++)
{
//因为是季度，所以new 了3个(每个季度三个月) 一个季度对应三个月的数据所以一个quarter对应 money1、2、3
//每个季度的第一个月
point = new SeriesPoint(dt.Rows[i]["quarter"].ToString(), Convert.ToDouble(dt.Rows[i][&#