将X轴标签与图表列对齐(ASP.Net图表控件)

笑话

我正在尝试使用ASP.Net Chart控件制作一个图表,该控件在X轴上具有特定的数值,在Y轴上具有频率计数。这是我要从图表框架中替换的示例:

在此处输入图片说明

在上面的示例中,X轴标签与列对齐。但是,使用ASP.Net Chart控件,而不是标记代表这些特定值的列(例如1492、2984),该控件以舍入间隔进行标记,并且不与列(例如2000、4000)对齐见下文:

在此处输入图片说明

我发现其他类似的帖子建议将设置ChartArea.AxisX.Interval为1。我尝试过,但是X轴标签由于某种原因消失了,如下所示:

在此处输入图片说明

这是我用来创建和填充图表的代码(减去设置各种颜色属性):

DataTable newDt = GetChartDataTable();
chart.DataSource = newDt;
chart.Series.Add("Series1");
chart.Series["Series1"].YValueMembers = "Frequency";
chart.Series["Series1"].XValueMember = "RoundedValue";
chart.ChartAreas["ChartArea1"].AxisX.Title = "kbps";
chart.ChartAreas["ChartArea1"].AxisX.TitleFont = new Font("Sans Serif", 10, FontStyle.Bold);
chart.ChartAreas["ChartArea1"].AxisY.Title = "Frequency";
chart.ChartAreas["ChartArea1"].AxisY.TitleFont = new Font("Sans Serif", 10, FontStyle.Bold);
chart.Titles["Title1"].Text = chartTitle;
chart.Titles["Title1"].Font = new Font("Sans Serif", 10, FontStyle.Bold);
chart.Series["Series1"].ChartType = System.Web.UI.DataVisualization.Charting.SeriesChartType.Column;
chart.Series["Series1"]["ShowMarkerLines"] = "True";
chart.DataBind();
斯蒂芬·奥里(Stefan Orie)

您应该设置IsXValueIndextrue

像这样:
chart.Series["Series1"].IsXValueIndexed = true;

例:

// Creating the series 
Series series1 = new Series("Series1");

// Setting the Chart Types
series1.ChartType = SeriesChartType.Column;

// Adding some points
series1.Points.AddXY(1492, 12);
series1.Points.AddXY(2984, 0);
series1.Points.AddXY(4476, 1);
series1.Points.AddXY(5968, 2);
series1.Points.AddXY(7460, 2);
series1.Points.AddXY(8952, 12);
series1.Points.AddXY(10444, 4);
series1.Points.AddXY(11936, 3);
series1.Points.AddXY(13428, 3);
series1.Points.AddXY(14920, 5);
series1.Points.AddXY(16412, 1);

Chart1.Series.Add(series1);

Chart1.Width = 600;
Chart1.Height = 600;

// Series visual
series1.YValueMembers = "Frequency";
series1.XValueMember = "RoundedValue";
series1.BorderWidth = 1;
series1.ShadowOffset = 0;
series1.Color = Drawing.Color.Red;
series1.IsXValueIndexed = true;

// Setting the X Axis
Chart1.ChartAreas("ChartArea1").AxisX.IsMarginVisible = true;
Chart1.ChartAreas("ChartArea1").AxisX.Interval = 1;
Chart1.ChartAreas("ChartArea1").AxisX.Maximum = Double.NaN;
Chart1.ChartAreas("ChartArea1").AxisX.Title = "kbps";
Chart1.ChartAreas("ChartArea1").AxisX.TitleFont = new Font("Sans Serif", 10, FontStyle.Bold);

// Setting the Y Axis
Chart1.ChartAreas("ChartArea1").AxisY.Interval = 2;
Chart1.ChartAreas("ChartArea1").AxisY.Maximum = Double.NaN;
Chart1.ChartAreas("ChartArea1").AxisY.Title = "Frequency";
Chart1.ChartAreas("ChartArea1").AxisY.TitleFont = new Font("Sans Serif", 10, FontStyle.Bold);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在ASP.NET图表控件中水平对齐图表区域

来自分类Dev

ASP.NET图表控件

来自分类Dev

ASP.NET图表控件从X轴标签上的int值设置月份名称

来自分类Dev

ASP.net图表控件-XValueMembers计数

来自分类Dev

如何给图表控件的x轴赋予自定义标签?

来自分类Dev

图表控件标签括号

来自分类Dev

ASP.NET 4.0图表控件中的缩放功能

来自分类Dev

如何更改Asp.net图表控件系列颜色?

来自分类Dev

ASP.NET 4.0图表控件中的缩放功能

来自分类Dev

图表 X 轴错误标签

来自分类Dev

数据绑定ASP.NET图表控件时如何设置标签值

来自分类Dev

如何在asp.net图表中将序列点显示为X轴标签

来自分类Dev

.NET图表控件-将条形标签放置在外部和左侧?

来自分类Dev

Microsoft WinForms图表控件-设置Y轴标签的位置

来自分类Dev

NVD3 x 轴标签与 lineChart 和历史图表未对齐

来自分类Dev

Google图表X轴标签文字

来自分类Dev

Shinobi图表中的X轴标签格式

来自分类Dev

旋转ios图表中的x轴标签

来自分类Dev

更改图表控件的轴颜色?

来自分类Dev

asp.net图表控件显示不正确的工具提示日期时间值

来自分类Dev

ASP.NET 图表控件背景图像:URL 不是有效的虚拟路径

来自分类Dev

如何使图表条与图表轴对齐?

来自分类Dev

Microsoft WinForms图表控件-TitleBox

来自分类Dev

图表控件的数据绑定失败

来自分类Dev

图表控件内部数据列表

来自分类Dev

图表控件 - ChartType 雷达的外观

来自分类Dev

将ASP图表控件导出到Word文档

来自分类Dev

将ASP图表控件导出到Word文档

来自分类Dev

x轴上的标签仅显示十四个中的七个-Infragistics igniteUI jQuery图表控件