score:5
Accepted answer
I've updated your jsfiddle to do what you want here. Briefly I did the following:
- Use a time scale instead of a linear scale. Then you can specify
d3.time.days, 1
asticks
. - A path is filled by default with no stroke. See the CSS I've added.
- Use the
.tickFormat
function with an appropriate format. - Should be fixed by using a time scale and appropriate tick spec.
Source: stackoverflow.com
Related Query
- Simple line graph with dates in D3
- D3 Line Graph with Dates on one Axis: What's Missing
- D3 Line Graph Example - Having problems with dates
- simple multi line graph with d3js
- Real time line graph with nvd3.js
- How to show a tooltip with value when mouseover a svg line graph using d3.js?
- D3: skip null values in line graph with several lines
- Draw D3 Simple Line chart With an Array
- D3 line graph with arbitrarily many lines (and a specific data format)
- Animate lines in a line graph with D3.js
- Error in A Simple D3 Line chart with Legend and Tooltips for D3v 3.5.13
- d3.js:vertical moving line's intersection point with line graph
- javascript d3 line graph with ordinal x axis
- d3 line graph with smooth update animation
- Simple d3.js graph with a json feed input
- Creating a D3 Line Graph with Points using 2 Level Nested JSON
- Add dots on a multi line D3.js Graph with nested data
- simple multi line chart with D3
- Modelling a simple graph with nodes and edges.
- wrong date printing on x axis of line graph in d3 with extra tick
- D3.js Combining Candlestick Chart with Line Graph
- D3 Line Graph with JSON Data in ISO 8601 Format
- D3 line graph with date slider
- Adding circles to multi line graph with dropdown on d3.js
- Multi line graph with ordinal x-axis
- very simple d3.js line graph not displaying in browser
- Simple D3.js line chart with data that are values collect every hours
- How to make a mouseover interactive line graph with multiple data series and 2 y axes?
- Combining Bivariate Graph with Line Graph in a single chart
- D3.js: How to reverse a line graph with respect to x-axis?
More Query from same tag
- Uncaught ReferenceError: d3 is not defined
- Sorting function issue with grouped bar chart
- d3.select.style not working on firefox
- How can I make 2 different elements in a SVG group have different drag behaviours?
- D3 function to wrap text fails in tabbed display
- Dynamically resize a div when it is used as a node in a d3 force-directed graph
- how to move circles(data points) in d3.js
- How do I create a custom force that constrains nodes to a specific area within an SVG?
- SVG support with recent versions of angularjs and d3js
- d3 version 4, I'm trying to make a mouseover conditional based on class
- Using D3 slider to change attribute
- Readable labels for D3 streamgraph
- D3JS different image for each circle/node
- How to display text dynamically in svg
- How to dynamically add line by taking values through input box
- d3.js trying to animate data, but changed data always treated as new
- Is it possible to use Knockout Observables within D3
- d3.js - Row click event?
- D3 Chloropleth zoom works when only with states, but breaks when I draw it with counties
- Select content of text element with tspan specifier in SVG with D3js
- D3 - Change stacked bar chart from clicking on legend
- D3 Zoom+Drag Flickering
- Image not showing on iPad d3js
- colorize D3 chord paths based on data
- D3.js using data from csv file to populate svg map
- Pie chart drop-shadow or 3D d3.js
- deck.gl transitions and filtering
- Tweening text in d3.js - count up
- Multiple progress bar circles on single row
- d3 grouped bar chart creation issue