Mercurial > gemma
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 }); |