chart图怎样设计成这样?

收藏

如下图所示: 我的这个柱形图y轴显示的是数量, x轴显示的分类的产品名称, 右边LegendArea区域怎样使它显示为如图所示的样子?

iceman · iceman

回复 1楼婧友521的帖子

你好，Legend 标签对应的值为 Series 下属性 SeriesName 属性，测试代码如下：

System.Data.DataTable dt = new System.Data.DataTable("Test");
System.Data.DataRow dr = default(System.Data.DataRow);
dt.Columns.Add("Series0");
dt.Columns.Add("Series1");
dr = dt.NewRow();
dr[0] = 2;
dr[1] = 1;
dt.Rows.Add(dr);
dr = dt.NewRow();
dr[0] = 4;
dr[1] = 2;
dt.Rows.Add(dr);
dr = dt.NewRow();
dr[0] = 3;
dr[1] = 2;
dt.Rows.Add(dr);
FarPoint.Web.Chart.BarSeries series = new FarPoint.Web.Chart.BarSeries();
series.SeriesName = "系列1";
series.CategoryNames.Add("电器");
series.CategoryNames.Add("家具");
series.CategoryNames.Add("药品");
series.Values.DataSource = dt;
series.Values.DataField = dt.Columns[0].ColumnName;
FarPoint.Web.Chart.BarSeries series1 = new FarPoint.Web.Chart.BarSeries();
series1.SeriesName = "系列2";
series1.Values.DataSource = dt;
series1.Values.DataField = dt.Columns[1].ColumnName;
LegendArea legend = new LegendArea();
legend.Location = new PointF(0.98f, 0.5f);
legend.AlignmentX = 1.0f;
legend.AlignmentY = 0.5f;
FarPoint.Web.Chart.YPlotArea plotArea = new FarPoint.Web.Chart.YPlotArea();
plotArea.Location = new System.Drawing.PointF(0.2F, 0.2F);
plotArea.Size = new System.Drawing.SizeF(0.6F, 0.6F);
plotArea.Series.Add(series);
plotArea.Series.Add(series1);
FarPoint.Web.Chart.ChartModel model = new FarPoint.Web.Chart.ChartModel();
model.PlotAreas.Add(plotArea);
model.LegendAreas.Add(legend);
FarPoint.Web.Spread.Chart.SpreadChart chart = new FarPoint.Web.Spread.Chart.SpreadChart();
chart.Model = model;
FpSpread1.Sheets[0].Charts.Add(chart);

复制代码

婧友 · 婧友

如何能够使下面X轴的字体如图上的一样，变成倾斜的

iceman · iceman

回复 3楼婧友的帖子

你好，Spread for ASP.NET 目前无法实现此功能。
如果标签过多可以设置 PlotArea 的大小进行全部显示完整。

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] chart图怎样设计成这样?