openstack
/
cloudkitty-dashboard
Code Issues Proposed changes

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:
zhangguoqing 2016-08-24 10:02:31 +08:00
parent bbd5bed33c
commit 9b73868c1b
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
cloudkittydashboard/dashboards/project/reporting/templates/reporting/this_month.html
View File

@ -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();