Adjust the reporting page
1. Making the 'Cumulative Cost Repartition' canva size as same as 'Cost Per Service Per Hour'. This can avoid that the data text can not display integrity sometimes. 2. Making the two canvas locate a same row to visual more comfortable. Change-Id: I9cdc5e7622e49186466a0a72754ed17b2941d68b
This commit is contained in:
parent
bbd5bed33c
commit
9b73868c1b
|
@ -4,14 +4,16 @@
|
|||
<script src='{% static "cloudkitty/js/d3pie.min.js" %}' type='text/javascript' charset='utf-8'></script>
|
||||
<script src='{% static "cloudkitty/js/rickshaw.min.js" %}' type='text/javascript' charset='utf-8'></script>
|
||||
|
||||
<h4>{% trans "Cumulative Cost Repartition" %}</h4>
|
||||
<div id="repartition_cumulated"></div>
|
||||
<div class="col-md-6">
|
||||
<h4>{% trans "Cumulative Cost Repartition" %}</h4>
|
||||
<div id="repartition_cumulated"></div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var cumulated = new d3pie("repartition_cumulated", {
|
||||
"size": {
|
||||
"canvasHeight": 300,
|
||||
"canvasWidth": 300
|
||||
"canvasWidth": 500
|
||||
},
|
||||
"labels": {
|
||||
"outer": {
|
||||
|
@ -59,9 +61,11 @@
|
|||
]}});
|
||||
</script>
|
||||
|
||||
<h4>{% trans "Cost per service per hour" %}</h4>
|
||||
<div id="cost_progress"></div>
|
||||
<div id="cost_progress_legend"></div>
|
||||
<div class="col-md-6">
|
||||
<h4>{% trans "Cost Per Service Per Hour" %}</h4>
|
||||
<div id="cost_progress"></div>
|
||||
<div id="cost_progress_legend"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var palette = new Rickshaw.Color.Palette();
|
||||
|
|
Loading…
Reference in New Issue