Question

我的图表看起来像这样！

如何摆脱箭头所示的空白区域？数据是从数据库动态生成的。

x轴是一个字符串，因此min / max不起作用

enter image description here 以下是标记

<asp:Chart ID="Chart2" runat="server" DataSourceID="SqlDataSourceTrend" 
                Width="740px">
                <series>
                    <asp:Series Name="Series1" ChartType="StackedArea" XValueMember="INSPECTION_DATE" 
                        YValueMembers="INUSE">
                    </asp:Series>
                    <asp:Series Name="Series2" ChartType="StackedArea" XValueMember="INSPECTION_DATE" 
                        YValueMembers="DECOMMISSIONED">
                    </asp:Series>
                    <asp:Series Name="Series3" ChartType="StackedArea" XValueMember="INSPECTION_DATE" 
                        YValueMembers="UNAVAILABLE">
                    </asp:Series>
                </series>
                <chartareas>
                    <asp:ChartArea Name="ChartArea1">
                        <AxisX  Interval="1">
                        </AxisX>
                    </asp:ChartArea>
                </chartareas>
            </asp:Chart>

Answer 1

原来答案是设置

<axisx IsMarginVisible="False">

enter image description here

Answer 2

您应该在Maximum中设置Minimum和ChartArea.AxisX属性，

代码示例

this.chart1.ChartAreas[0].AxisX.Minimum = 0;   // if your minimum X = 0
this.chart1.ChartAreas[0].AxisX.Maximum = 100; // if your maximum X = 100

这样，您的图表区域将仅显示Minimum和Maximum之间的值。

Answer 3

在运行时呈现

后需要执行以下操作

在x轴上找到最小值和最大值
稍后更新AxisX属性以在动态地从服务器绘制数据后调整轴。请参阅https://msdn.microsoft.com/en-us/library/system.web.ui.datavisualization.charting.chartarea.axes(v=vs.110).aspx

ASP Chart的X轴比数据点宽

3 个答案: