parent 6a56a44eaa
commit 8e4e0a8aa3
  1. 8
      frontend/src/components/Heatmap.vue
  2. 6
      frontend/src/components/Results.vue

@ -185,7 +185,7 @@ export default {
.style("visibility", "hidden"); .style("visibility", "hidden");
// define the zoomListener which calls the zoom function on the "zoom" event constrained within the scaleExtents // define the zoomListener which calls the zoom function on the "zoom" event constrained within the scaleExtents
const zoom = d3.zoom() const zoom = d3.zoom()
.scaleExtent([0.1, 3]) //zoom limit .scaleExtent([0.4, 3]) //zoom limit
.on('zoom', () => { .on('zoom', () => {
svg.attr('transform', d3.event.transform) // updated for d3 v4 svg.attr('transform', d3.event.transform) // updated for d3 v4
}) })
@ -223,7 +223,7 @@ export default {
.call(zoom) .call(zoom)
//.call(zoom.transform, d3.zoomIdentity.translate(200, 20).scale(0.25)) //initial size //.call(zoom.transform, d3.zoomIdentity.translate(200, 20).scale(0.25)) //initial size
.append('svg:g') .append('svg:g')
.attr("transform", "translate(" + viewerPosLeft + "," + viewerPosTopHeat + ")"); .attr("transform", "scale(1.5,1.5) translate(" + viewerPosLeft + "," + viewerPosTopHeat + ")");
svg.append('defs') svg.append('defs')
.append('pattern') .append('pattern')
@ -324,8 +324,8 @@ export default {
return d.idx; return d.idx;
}) })
.attr("class", "row"); .attr("class", "row");
svg.append("text").attr("x", 10).attr("y", -65).text("Technique").style("font-size", "16px").attr("alignment-baseline","top") svg.append("text").attr("x", 10).attr("y", -65).text("Technique").style("font-size", "14px").attr("alignment-baseline","top")
svg.append("text").attr("transform", "rotate(-90)").attr("x", (-1)*(cellSize*(len/2))).attr("y", -75).style("text-anchor", "middle").style("font-size", "16px").text("Feature"); // -130 before for HeartC svg.append("text").attr("transform", "rotate(-90)").attr("x", (-1)*(cellSize*(len/2))).attr("y", -75).style("text-anchor", "middle").style("font-size", "14px").text("Feature"); // -130 before for HeartC
var heatMap = row.selectAll(".cell") var heatMap = row.selectAll(".cell")
.data(function(d) { .data(function(d) {
return d; return d;

@ -36,7 +36,7 @@ export default {
var margin = {top: 0, right: 0, bottom: 0, left: 0} var margin = {top: 0, right: 0, bottom: 0, left: 0}
var width = 390 - margin.left - margin.right var width = 390 - margin.left - margin.right
var height = 570 - margin.top - margin.bottom var height = 620 - margin.top - margin.bottom
var padding = 3 var padding = 3
var xLabelHeight = 30 var xLabelHeight = 30
var yLabelWidth = 80 var yLabelWidth = 80
@ -362,7 +362,7 @@ export default {
barmode: 'group', barmode: 'group',
autosize: false, autosize: false,
width: '400', width: '400',
height: '350', height: '300',
margin: { margin: {
l: 55, l: 55,
r: 5, r: 5,
@ -373,7 +373,7 @@ export default {
legend:{ legend:{
xanchor:"center", xanchor:"center",
yanchor:"top", yanchor:"top",
y:-0.2, // play with it y:-0.3, // play with it
x:0.5, // play with it x:0.5, // play with it
orientation: "h" orientation: "h"
} }

Loading…
Cancel
Save