score:2
i found the solution, thanks to meetamit and this question:
how to sort a javascript array of objects by date
apparently the d3 date format is not handled well across browsers. using the native javascript date object solves the issue:
alldates.sort(function(a,b) { return new date(a.datum).gettime() - new date(b.datum).gettime() } );
data.sort(function(a,b) { return new date(a.datum).gettime() - new date(b.datum).gettime() } );
thanks for the help guys!
score:1
it can't be a problem with the rendering, given that the circles and path points are positioned consistently with each other. so it's got to be a data issue; there's something off with kontodata
. more specifically, it's got to be a sorting thing, since all the line's x values correspond to bar positions (just the wrong ones).
your post doesn't show how you prepare the data, so can't help you any further. look for problems related to sorting. it has to be something that's browser-sensitive. two things that comes to mind are dates and object keys. by "dates", i mean that maybe the different browsers are parsing the date differently. by "object keys" i mean that maybe something in your code iterates over the keys of an object (using a for..in
loop) and assumes that the keys will appear in a consistent order, which would be an incorrect assumption.
Source: stackoverflow.com
Related Query
- Cross browser d3.js SVG line rendering date sorting
- Visualize date specific data with a line chart in browser with javascript
- SVG not rendering properly as a backbone view
- D3 - Difference between basis and linear interpolation in SVG line
- In d3, how to get the interpolated line data from a SVG line?
- Date Sorting with d3.js
- maximum number of svg elements for the browser in a map
- Draw a vertical line representing the current date in d3 gantt chart
- How to show a tooltip with value when mouseover a svg line graph using d3.js?
- C3.js SVG visualization to Canvas with canvg - Line charts filled with black rectangles , "ERROR: Element 'parsererror' not yet implemented"
- How can I set the each line color or width in SVG path
- Rendering MathML on svg using d3.js
- D3: Zooming/Panning Line Graph in SVG is not working in Canvas
- d3 draggable svg path line segment
- d3.js realtime updating svg line with python websocket data
- Move an SVG object along a line or a path
- Date and time transition from data with line
- SVG line out of arc starting position - d3.js
- Rotate D3 SVG to line up to specific angle
- How to plot svg circles on curved line in d3 js?
- d3 axis rendering outside the SVG
- Changing position of d3 svg box in browser window
- Make an SVG line appear as an animation "following" the line
- Creating SVG elements without rendering them
- unwanted horizontal line from svg mask
- Save svg to disk as png image - browser discrepancy
- transition a circle into a line by unrolling it with SVG and d3
- How to select and deselect a svg line and change its color on selection and deselection using d3.js and javascript , jquery?
- How to position svg circles on a line and curve it?
- wrong date printing on x axis of line graph in d3 with extra tick
More Query from same tag
- Change color of arrow as same as line in D3 when I switch lines
- Add x,y axis in d3 v4
- How to throttle function call on mouse event with D3.js
- Transforming hierarchical JSON to HTML using D3
- What is the difference between require('d3') and require('d3-selection')
- d3.js Merging County Polygons into Districts
- D3.JS how to remove/update
- Plotting zeros with dimple/d3 js results NaN
- Add triangles along path with D3
- add color to node dagre d3
- raw-graphs color by column
- d3 - xScale not updating?
- How to handle visualizing massive datasets in D3
- Data are placed on the wrong dates on xAxis -nvd3
- React-hooks and d3.forceSimulation
- How to divide a map into zipcodes using d3, javascript, and a json file?
- Data table with vertical heading d3
- Accessing D3 SVG object within on click event
- How would you count the instances of objects in arrays within an array
- D3 sort() with CSV data
- Add colors to dimple.js bar chart based on value and add goal line
- Represent a tree layout using D3
- undefined values while loading csv file for a d3 project
- Datamap - retrieve country code based on given x and y coordinates
- d3-geomap Cannot read property 'type' of undefined
- How to create a Javascript Table Lens
- D3 updating graph with new elements create edges with the wrong nodes
- Display the text inside the nodes in Tree graph in d3.js
- Why is sankeyNetwork in R not showing different colors?
- how calculate rectangle size for d3.js heatmap