You probably have some problem in your data, because this plunker has exactly your code, with some bogus data I created:
date,foo,bar,baz 20160101,11,23,45 20160102,21,22,35 20160103,44,76,54 20160104,31,23,45 20160105,41,63,15 20160106,12,22,25
Here is the plunker: https://plnkr.co/edit/xZY02zVTEh6o9RwNGJBw?p=preview
The ticks on the x axis are a mess because you're using the full JS date in an ordinal scale. Because of that, it makes more sense using a time scale, as in this other plunker: https://plnkr.co/edit/n5u8N9aK8YELtTCHexgR?p=preview
- X axis not displaying on Multi Series Line Chart using d3.js
- D3 Multi Line Chart Not Displaying Properly With X Axis Value
- X axis not displaying on bar chart using d3.js
- Time series line chart is not sync with axis
- Error displaying dots on a multi series line - dots chart
- D3 Multi Series Line chart not working with correct xAxis values
- Right Axis not displaying on Dual Axis Grouped Bar and Line Chart D3
- D3 Multi Series Line chart with non time x axis
- D3 line chart axis text labels in multi line
- dc.js Series Chart multi line
- Y axis label not displaying large numbers - Multi-Bar Chart
- d3: tooltips on multi series line chart at each line when mouse hover event
- Line chart not aligned with x axis
- NVD3 Line Chart doesn't display when data passed using ajax - data.map is not a function
- Pie chart not updating properly when using brush in series chart
- d3.js axis labels not displaying in responsive bar chart
- D3 chart Y axis line is not visible in some resolutions
- C3 - line chart time series error: x is not defined for id = "Dates"
- Multi line chart using d3 and json in a nvd3 structure
- Why does my bar chart using scaleBand not line up with my tick marks?
- Line Chart path in D3 JS not displaying Properly
- c3 chart not displaying changes on axis
- dc.js multi line series chart filtering
- D3 Line Chart not having proper X & Y axis plotting with Labels
- How to draw a multi line series graph using d3.js with json data using angular directives
- Django nvd3 Line Chart tool tip not working in case of intersection two series
- d3.js line graph axis not displaying data correctly
- Using D3, I am trying to add and remove lines from a multi line chart when the legend is clicked
- D3.js X axis line not displaying
- d3 line chart using path is not showing anything
More Query from same tag
- html page works when local but not when on cloud ide
- set d3 zoom scaleExtent to positive values
- Why isn't my reusable d3.js chart showing a chart?
- Small Box to display where we are hovering in force layout (D3.js)
- Scaling the y axis up, while scaling the x axis down with D3.js
- D3js Contour Displaying as Black Box
- React + d3js: Use React and parts of d3 or let d3 do it's own thing
- How to add hypertext link to Cluster Force Layout circle
- D3 example not working
- Double counting in bar charts?
- d3 chart refresh duplicate
- Heatmap does not show the first rect
- Why isn't my updated data re-rendering?
- d3js - How to update an existing svg path in a simple d3 line chart with new data flowing through?
- Drawing plots interactively in a web app
- Change single chord color in chord diagram using D3.js
- how to create json array without keys
- Responding to tick events during d3 transitions
- How to define individual link style on react-d3-tree
- d3 graph has client's time zone instead of data's
- Create a node-link diagram using GWT wrapper for D3.js
- Errors Using `d3.legend`: Uncaught TypeError: node.getAttribute is not a function
- Recursive/recurring animation events in D3
- Existing Triangles Cannot be Removed
- D3 Horizontal Bar Chart X-Axis Range shorter than in Data via AngularJs
- How topojson's world map scale has set?
- d3.js: Get data out of synchronous brush selection
- Delete a line when ticks are clicked - d3js
- Creating a Line Graph in D3 with data in independent arrays?