折れ線グラフを使用して、人々が日付ごとに応募した求人の数を示しています。
折れ線グラフを使用して表示しています
<asp:Chart ID="chrtDateWise" runat="server" Width="500px">
<Series>
<asp:Series ChartType="Line" Name="Series1">
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea1">
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
コードビハインド
protected void ShowDateWise()
{
String strSql = string.Empty;
strSql = "SELECT COUNT(ApplicationDate) AS Total, ApplicationDate FROM [Jobs] GROUP BY ApplicationDate, ApplicationDate order by ApplicationDate ";
DataSet ds = DataProvider.Connect_Select(strSql);
DataTable dt = ds.Tables[0];
chrtDateWise.DataSource = dt;
chrtDateWise.Series["Series1"].XValueMember = "ApplicationDate";
chrtDateWise.Series["Series1"].YValueMembers = "Total";
//chrtDateWise.Series["Series1"]["PieLabelStyle"] = "Outside";
chrtDateWise.Series["Series1"].ToolTip = "#VALY";
chrtDateWise.Series["Series1"].Label = "#VALX";
chrtDateWise.DataBind();
}
アップデート:
コードを以下に変更しました
<asp:Chart ID="chrtDateWise" runat="server" Width="600px">
<Series>
<asp:Series ChartType="Line" Name="Series1"> </asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="chrtAreaSupporters">
<AxisY LineColor="White">
<LabelStyle Font="Trebuchet MS, 8.25pt" />
<MajorGrid LineColor="#e6e6e6" />
<MinorGrid Enabled="false" LineColor="#e6e6e6" />
</AxisY>
<AxisX LineColor="White">
<LabelStyle Font="Trebuchet MS, 8.25pt" />
<MajorGrid LineColor="#e6e6e6" />
<MinorGrid Enabled="false" LineColor="#e6e6e6" />
</AxisX>
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
chrtDateWise.Series["Series1"].ChartType = SeriesChartType.Line;
chrtDateWise.Series["Series1"].XValueMember = "Total";
chrtDateWise.Series["Series1"].YValueMembers = "ApplicationDate";
chrtDateWise.Series["Series1"].IsValueShownAsLabel = true;
chrtDateWise.Series["Series1"].BorderWidth = 3;
chrtDateWise.Series["Series1"].Color = System.Drawing.Color.Green;
chrtDateWise.Series["Series1"].YAxisType = AxisType.Secondary;
これもうまくいかない…
クエリがテーブルからデータを取得するため、コードの何が問題なのかわかりません。これに加えて、円グラフを表示できます。
チャートのプロパティを台無しにしたと思います。