litvinovg/vivo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve histogram layout

Browse source
This commit is contained in:
Graham Triggs 2017-10-01 18:48:11 +01:00
parent 9b08669083
commit a7d76ab380
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
webapp/src/main/webapp/themes/tenderfoot/templates/body/partials/individual/individual-visualizationFoafPerson.ftl
View file

@ -27,17 +27,24 @@
<span id="publicationsHeading">${i18n().publications_in_vivo}</span> <span id="publicationsHeading">${i18n().publications_in_vivo}</span>
<svg width="360" height="200" id="publicationsChart" onload="renderPublicationsChart()"> <svg width="100%" id="publicationsChart" onload="renderPublicationsChart()" onresize="renderPublicationsChart()">
</svg> </svg>
<script> <script>
var dataUrl = '${urls.base}/visualizationAjax?vis=cumulative_pub_count&uri=${individual.uri?url}'; var dataUrl = '${urls.base}/visualizationAjax?vis=cumulative_pub_count&uri=${individual.uri?url}';
function renderPublicationsChart() { function renderPublicationsChart() {
var chartWidth = parseInt(d3.select("#publicationsChart").style("width"),10);
// var chartHeight = parseInt(d3.select("#publicationsChart").style("height"),10);
var chartHeight = chartWidth * (2/3);
d3.select("#publicationsChart").selectAll("*").remove();
d3.select("#publicationsChart").style("height", chartHeight);
var svg = d3.select("#publicationsChart"), var svg = d3.select("#publicationsChart"),
margin = {top: 30, right: 20, bottom: 30, left: 40}, margin = {top: 30, right: 20, bottom: 30, left: 40},
width = +svg.attr("width") - margin.left - margin.right, width = (chartWidth - margin.left - margin.right),
height = +svg.attr("height") - margin.top - margin.bottom, height = (chartHeight - margin.top - margin.bottom),
g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")"); g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");
var x = d3.scaleBand() var x = d3.scaleBand()