comparison client/src/components/fairway/AvailableFairwayDepthLNWL.vue @ 3913:9ec50fd5c9fa

available_fairwaydepthLNWL: readd padding.top
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 11 Jul 2019 11:35:40 +0200
parents b7dfee369f2f
children c76bbd27f89c
comparison
equal deleted inserted replaced
3912:b7dfee369f2f 3913:9ec50fd5c9fa
375 .attr("font-size", "0.8em") 375 .attr("font-size", "0.8em")
376 .attr("opacity", 0) 376 .attr("opacity", 0)
377 .attr("id", "tooltip"); 377 .attr("id", "tooltip");
378 }, 378 },
379 renderTo({ element, dimensions }) { 379 renderTo({ element, dimensions }) {
380 const diagram = d3 380 let diagram = d3
381 .select(element) 381 .select(element)
382 .append("svg") 382 .append("svg")
383 .attr("width", dimensions.width) 383 .attr("width", dimensions.width)
384 .attr("height", dimensions.mainHeight); 384 .attr("height", dimensions.mainHeight);
385 diagram.append("g").attr("transform", `translate(0 ${this.paddingTop})`); 385 diagram = diagram
386 .append("g")
387 .attr("transform", `translate(0 ${this.paddingTop})`);
386 const yScale = d3 388 const yScale = d3
387 .scaleLinear() 389 .scaleLinear()
388 .domain([0, 100]) 390 .domain([0, 100])
389 .range([dimensions.mainHeight - 30, 0]); 391 .range([dimensions.mainHeight - 30, 0]);
390 this.drawScaleLabel({ diagram, dimensions }); 392 this.drawScaleLabel({ diagram, dimensions });