Post
Ask Question
Mohammad Imran

Mohammad Imran

  • 1.2k
  • 173
  • 14.1k

How to implement stacked bar chart using high charts in ASP.

Jan 16 2020 10:19 AM
I have a table with following records
Where Status <b>A</b> for All Applicaion,<b>V</b> for Valid Applicaion
and <b>I</b> for Invalid Applicaion
<table>
<tr>
<td>
<b>StateName</b>
</td>
<td>
<b>AppType</b>
</td>
<td>
<b>Count</b>
</td>
<td>
<b>AppStatus</b>
</td>
</tr>
<tr>
<td>UP</td>
<td>IND</td>
<td>10</td>
<td>V</td>
</tr>
<tr>
<td>UP</td>
<td>IND</td>
<td>20</td>
<td>I</td>
</tr>
<tr>
<td>UP</td>
<td>IND</td>
<td>30</td>
<td>A</td>
</tr>
<tr>
<td>UP</td>
<td>INF</td>
<td>5</td>
<td>V</td>
</tr>
<tr>
<td>UP</td>
<td>INF</td>
<td>15</td>
<td>I</td>
</tr>
<tr>
<td>UP</td>
<td>INF</td>
<td>20</td>
<td>A</td>
</tr>
<tr>
<td>UP</td>
<td>MIN</td>
<td>6</td>
<td>V</td>
</tr>
<tr>
<td>UP</td>
<td>MIN</td>
<td>16</td>
<td>I</td>
</tr>
<tr>
<td>UP</td>
<td>MIN</td>
<td>22</td>
<td>A</td>
</tr>
<tr>
<td>MP</td>
<td>IND</td>
<td>10</td>
<td>V</td>
</tr>
<tr>
<td>MP</td>
<td>IND</td>
<td>20</td>
<td>I</td>
</tr>
<tr>
<td>MP</td>
<td>IND</td>
<td>30</td>
<td>A</td>
</tr>
<tr>
<td>MP</td>
<td>INF</td>
<td>5</td>
<td>V</td>
</tr>
<tr>
<td>MP</td>
<td>INF</td>
<td>15</td>
<td>I</td>
</tr>
<tr>
<td>MP</td>
<td>INF</td>
<td>20</td>
<td>A</td>
</tr>
<tr>
<td>MP</td>
<td>MIN</td>
<td>100</td>
<td>V</td>
</tr>
<tr>
<td>MP</td>
<td>MIN</td>
<td>100</td>
<td>I</td>
</tr>
<tr>
<td>MP</td>
<td>MIN</td>
<td>200</td>
<td>A</td>
</tr>
</table>
I want to make high charts like following
<a href="https://www.highcharts.com/demo/bar-basic">Basic bar | Highcharts</a>[<a href="https://www.highcharts.com/demo/bar-basic" target="_blank" title="New Window">^</a>]

Attachment: Code.zip

Answers (1)