Add graphs for the growth rates of a character
The visual of the graphs remains to be improved according to the size of the screen.
This commit is contained in:
@ -7,13 +7,47 @@
|
||||
<span class="if-not-md">Back</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title sliding">Fire Emblem Charts</div>
|
||||
<div id="title-char" class="title sliding">Fire Emblem Charts</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-content">
|
||||
<div class="block block-strong">
|
||||
<p>Stat page {{$route.params.characterId}}</p>
|
||||
<p id="test-name"></p>
|
||||
<img id="picture-char" class="img-character">
|
||||
<div class="card data-table data-table-collapsible data-table-init">
|
||||
<div class="data-table-title">Growth rates :</div>
|
||||
<table id="table-growth-rates">
|
||||
<thead>
|
||||
<tr id="table-gr-header">
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="table-gr-content">
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<div class="list no-hairlines-md">
|
||||
<ul>
|
||||
<li class="item-content item-input">
|
||||
<div class="item-media">
|
||||
<i class="icon demo-list-icon"></i>
|
||||
</div>
|
||||
<div class="item-inner">
|
||||
<div class="item-title item-label">Graph</div>
|
||||
<div class="item-input-wrap input-dropdown-wrap">
|
||||
<select id="select-graph" placeholder="Please choose...">
|
||||
<option value="column-chart">Column chart</option>
|
||||
<option value="pie-chart">Pie chart</option>
|
||||
<option value="spider-web">Spider web</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<figure class="highcharts-figure">
|
||||
<div id="container-char-gr"></div>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user