score:1
What you see is the expected result. For calculating the bounding box of an element the .getBBox()
method is used. The behavior of .getBBox
is defined by the SVG spec in 4.5.23 Interface SVGLocatable (emphasis mine):
Returns the tight bounding box in current user space (i.e., after application of the ‘transform’ attribute, if any) on the geometry of all contained graphics elements, exclusive of stroking, clipping, masking and filter effects).
Since all the y-coordinates of your path's move and line-to commands equal 75.00981241717429
the height of the bounding as defined by the spec obviously is zero.
Source: stackoverflow.com
Related Query
- D3 path missing height elements
- Pass null values to SVG path (using d3.js) to suppress missing data
- d3.js extract coordinates of SVG path elements
- Mouseover issues in D3.js, containing Path elements and changing tooltip data once focus is brushed?
- D3 - Drawing a path between DOM elements
- D3 graph is missing as much text elements as there are ticks in axis
- Selecting multiple path elements in a d3 map
- Wrapping path elements in an anchor tag
- How to make several path elements inherit their stroke from one place?
- Changing fill/stroke of svg path elements in d3.js tick event shows no effect
- Scale path to fit SVG height without blind trial and error
- Change height and width of the path tag in SVG Image
- Path and graph elements not displaying in D3
- Why is this SVG Path showing incorrect width and height on Firefox?
- D3: How to adjust SVG image path elements programmatically?
- D3 multi-line chart line path not displaying: d attribute missing
- Clip path is moving with group of elements when using d3.drag
- How to link from path elements in one svg to a different element of another svg
- Appending path elements to an svg element without overwriting
- D3Js v3: Path not showing up on Node Elements
- compare class of path elements to a dataset
- How to surround all selected SVG path elements with div in d3?
- Progressive path animation in d3.js: how do I loop over individual elements of a d3 selection, for eg, each path segment of an area chart?
- D3.js: How to get the computed width and height for an arbitrary element?
- How do I remove all children elements from a node and then apply them again with different color and size?
- correct way to tell if my selection caught any existing elements
- Appending multiple non-nested elements for each data member with D3.js
- Unclosed SVG path appears to be closed
- D3: Removing Elements
- How to add border/outline/stroke to SVG elements in CSS?
More Query from same tag
- Metricsgraphics Date access - Line graph
- D3.js: create a fixed number of elements
- D3 Pie chart arc partitions
- How to access elements from dataset in d3
- D3.js and Ionic 2: Elements not in DOM on second page view
- Change bar chart to line chart in D3
- I am not able to run the D3 code on my local computer
- node.js binary-tree vizualize
- D3.js Applying update pattern to pie chart
- How to group by multiple keys at the same time using D3?
- Add images to d3 chord diagram
- Reverse Axis in rCharts Without Sacrificing Animation?
- How do you fill specific countries using d3.geo with canvas?
- Tick marks on both sides of axis on d3 scale
- Detect which type of d3 scale I am working with
- D3 Zoomable Circle Packing throws NaN erros
- Add x,y axis in d3 v4
- if statement to slide between data sets d3.js
- How can I add a background circle to a sunburst plot?
- Stacked bar chart with negative JSON data
- d3.js scatter matrix with brushing - scale error
- Trying to get d3 ticks to show up every X months, formatted correctly
- d3: key function choice when appending element to an existing svg
- d3 bar chart implementation in teams viewApp with angular 2
- D3: Delayed Display by setTimeout or setInterval
- How do I draw a percentage from baseline?
- How to animate a horizontal D3 bar chart?
- Determine edges belonging to triads in networks
- Adding SVG elements on click of other elements
- change the color of chart d3