ASP.NET 차트 열 너비

다음과 같은 ASP.NET 동적 차트가 있습니다. x 축의 각 날짜에 대해 차트 아래로 선을 이동시키는 방법은 무엇입니까? 현재 y 축, 2009 년 7 월, 2010 년 5 월 및 2011 년 3 월 아래로가는 3 개의 행이 있습니다. 각 날짜의 행이 필요하므로 행의 각 점을 볼 수 있고 점이있는 각 날짜를 표시하려고합니다. 차트에 배치됩니다.ASP.NET 차트 열 너비

또한 차트의 시작과 끝 부분에 오른쪽 테두리가 없어지는 것처럼 보입니다. 패딩을 제거하고 올바른 경계선을 얻으려면 어떻게해야합니까?

프런트 엔드 :

<asp:Chart ID="chtReport" runat="server" Width="650px" Height="400px" ImageType="Jpeg"> 
    <Series> 
     <asp:Series Name="TotalLine" YValueType="Double" ChartType="Line" ChartArea="MainChartArea" /> 
     <asp:Series Name="GoalLine" YValueType="Double" ChartType="Line" ChartArea="MainChartArea" /> 
     <asp:Series Name="AverageLine" YValueType="Double" ChartType="Line" ChartArea="MainChartArea" /> 
     <asp:Series Name="TotalPoint" YValueType="Double" ChartType="Point" ChartArea="MainChartArea" /> 
     <asp:Series Name="GoalPoint" YValueType="Double" ChartType="Point" ChartArea="MainChartArea" /> 
     <asp:Series Name="AveragePoint" YValueType="Double" ChartType="Point" ChartArea="MainChartArea" /> 
    </Series> 
    <ChartAreas> 
     <asp:ChartArea Name="MainChartArea"> 
     </asp:ChartArea> 
    </ChartAreas> 
</asp:Chart>

백 엔드 사전에 어떤 도움

protected void Page_Load(object sender, EventArgs e) 
{ 
    for (DateTime date = startDate; date <= ChartDetails.EndDate; date = date.AddMonths(1)) 
    { 
     dates.Add(date.ToString()); 
    } 

    grdChart.DataSource = dates; 
    grdChart.DataBind(); 

    chtReport.ChartAreas["MainChartArea"].AxisY.Minimum = 0; 
    chtReport.ChartAreas["MainChartArea"].AxisY.Maximum = 100; 
    chtReport.ChartAreas["MainChartArea"].AxisX.Title = "Date Range"; 
    chtReport.ChartAreas["MainChartArea"].AxisY.Title = "Percent"; 
} 


protected void grdChart_ItemDataBound(object sender, DataGridItemEventArgs e) 
{ 
    // Extra Code above... 

    chtReport.Series["TotalLine"].Points.AddXY(rowDate.ToString("MMM yyyy"), total); 
    chtReport.Series["GoalLine"].Points.AddXY(rowDate.ToString("MMM yyyy"), total); 
    chtReport.Series["AverageLine"].Points.AddXY(rowDate.ToString("MMM yyyy"), total); 

    chtReport.Series["TotalPoint"].Points.AddY(total); 
    chtReport.Series["GoalPoint"].Points.AddXY(rowDate.ToString("MMM yyyy"), total); 
    chtReport.Series["AveragePoint"].Points.AddXY(rowDate.ToString("MMM yyyy"), total); 
}

감사

chart image

여기 내 코드입니다.

출처

2011-11-14 PsychoDUCK

패딩을 설정하기 위해 외부 스타일 시트 (CSS)를 사용합니다.

chtReport.ChartAreas["MainChartArea"].AxisX.Interval = 1;

출처

2011-11-15 14:42:59 PsychoDUCK

style="padding:0"을 시도하거나 내가 다음 코드 줄을 추가하고 지금 내가 찾던 격자 선이 0

출처

2011-11-15 03:16:55 Nalaka526

운이없는 패딩이있는 스타일을 추가했습니다. 패딩 문제 외에도 차트의 각 날짜에 대해 Y 축으로 이동하는 줄을 계속 표시하려고합니다. – PsychoDUCK

ASP.NET 차트 열 너비

답변

관련 문제