FpChart 使用方法解析 - 葡萄城技术博客

Spread支持 85 种丰富多彩的图表效果。基于工作表的数据直接生成图表，操作简单。同时，软件人员还可以在Visual Studio设计环境中定制图表的所有元素，包括标题、序列、轴、样式、图例等。
然而，很多刚刚接触 Spread 的用户在使用 FpChart 时由于所需设置元素太多头疼不已，这篇文章主要针对于 FpChart 初学者进行 FpChart 使用方法介绍。
下面分布讲解：
1.设置数据源

DataTable dt = new DataTable("Test");

            DataRow dr = default(System.Data.DataRow);

            dt.Columns.Add("名称");

            dt.Columns.Add("数量");



            dr = dt.NewRow();

            dr[0] = "电器";

            dr[1] = 0.2;

            dt.Rows.Add(dr);



            dr = dt.NewRow();

            dr[0] = "服装";

            dr[1] = 0.5;

            dt.Rows.Add(dr);



            dr = dt.NewRow();

            dr[0] = "家具";

            dr[1] = 0.3;

            dt.Rows.Add(dr);

复制代码

2.设置 BarSeries

FarPoint.Web.Chart.BarSeries series = new FarPoint.Web.Chart.BarSeries();

            //设置图表展示数据

            series.Values.DataSource = dt;

            series.Values.DataField = dt.Columns[1].ColumnName;

            

            //使用多样化颜色显示

            series.VaryColors = true;



            //设置 X 轴显示名称

            series.CategoryNames.Add("电器");

            series.CategoryNames.Add("服装");

            series.CategoryNames.Add("家具");

            series.LabelVisible = true;

复制代码

3.设置 YPlotArea

FarPoint.Web.Chart.YPlotArea plotArea = new FarPoint.Web.Chart.YPlotArea();

            //设置显示单位为 20%

            //plotArea.YAxes[0].DisplayUnits = 0.5;



            //设置 Y 轴显示为 Percentage

            plotArea.YAxes[0].LabelNumberFormat = "00.0%";



            //设置 YPlotArea 显示位置

            plotArea.Location = new System.Drawing.PointF(0.2F, 0.2F);

            //设置 YPlotArea 大小

            plotArea.Size = new System.Drawing.SizeF(0.6F, 0.6F);



            plotArea.Series.Add(series);

复制代码

4.设置图例

LegendArea legend = new LegendArea();

            legend.Location = new PointF(0.98f, 0.5f);

            legend.AlignmentX = 1.0f;

            legend.AlignmentY = 0.5f;

复制代码

5.设置图表标签

LabelArea label = new LabelArea();

            label.Text = "产品分布";

            label.Location = new PointF(0.5f, 0.02f);

            label.AlignmentX = 0.5f;

            label.AlignmentY = 0.0f;

复制代码

6.最后，在 WebConfig 文件中添加以下信息：

<httpHandlers>

      <add path="FpChart.axd" verb="*" type="FarPoint.Web.Chart.ChartImageHttpHandler" validate="true" />

    </httpHandlers>

复制代码

效果截图：

(2.88 M, 下载次数:51)

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商，以“赋能开发者”为使命，致力于通过表格控件、低代码和BI等各类软件开发工具和服务，一站式满足开发者需求，帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年，40余年来始终聚焦软件开发技术，有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态，与超过3000家合作伙伴紧密合作，产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。