score:1
Accepted answer
You have to define tickFormat for the x-axis using %b so it knows only to display abbreviated month names. Check here for time formatting options in d3.
.call(d3.axisBottom(x)
.tickFormat(d3.timeFormat("%b"))
);
Check the updated Plunkr - http://plnkr.co/edit/7ZUSQJduYPL5VNAxBG5u?p=preview
Source: stackoverflow.com
Related Query
- I am trying to build a d3js graph but on the x-axis i am getting the timestamps instead of date and time even after i used formatting
- Time Formatting in D3js
- d3js set tickValues for time scale axis
- Formatting labels for x-axis in D3js
- D3 time formatting locale
- d3js prevent forceSimulation from recalculating position all the time
- D3js Time parsing
- D3JS making a bar chart where each row/data point contains multiple time segments
- d3js not formatting text value
- D3js Changing ticks on Zoomable Time axis
- How to align d3js tooltip in center of time divisions?
- Complex JSON to D3js stacked time series
- Adjust time scale in d3js
- NVD3 time formatting , line with focus chart
- D3js sunburst chart MouseOver/ MouseLeave functionality not working 100 percent of the time
- Formatting x-axis on d3js v5 doesn't work
- d3js timeline -- on scrub day generate a clean granular view for date and time
- nv.d3 code time formatting issues
- d3js time axis ticks duration set dynamically
- d3js time scale same value but different results
- Time parsing and scaling for d3js graphs
- d3js time format
- how to format time on xAxis use d3.js
- D3js take data from an array instead of a file
- d3js Tree square
- d3.js time series infinite scroll
- Real time line graph with nvd3.js
- Zoomable, Google-Finance-style time series graph in D3 or Rickshaw?
- Get one element from d3js selection, by index
- D3.js: calculate width of bars in time scale with changing range?
More Query from same tag
- D3 js click triggering for all the past clicks together
- fill points on the multi-line chart with the same color as lines
- I have a d3 project using fisheye, But why I have to point my mouse on the data point
- d3.geoPath() vs d3.geo.path()
- How to add a drop shadow to dc.js bar chart rects
- How to call a two same name method separately in Javascript
- Redrawing a D3/SVG chart for printing
- Displaying text labels correctly
- How to Add X and Y axis in the pre existing graph using D3
- Zoom to bounding box without topoJSON
- Is it possible to add children to d3.hierarchy dynamically?
- Angular + D3 - Get scope values to show in template from click event
- Adding label to dynamically added edge d3js force layout
- Make the Click event unavailable during animations
- d3: timeseries from data
- D3 - how to fire an on-click function for only a specific group of nodes
- Datamaps: How to set conditional highlight fill colors for objects with data
- d3.js mouseover events clashing
- d3 make a force-directed-tree layout into a circle shape
- How to show the d3 chart inside the div
- TypeError: Cannot read property '1' of undefined D3.js
- Clip SVG image with rectangle boundaries when it is resized in D3
- How to get map to show longitude and latitude accurately with d3
- Can the links in D3.js Sankey Diagrams be anything besides cubic bézier curves?
- D3 leaves wrong elements on screen
- Adding tooltip and x axis, y axis title to D3.js chart
- Interacting with a tooltip in d3js v4
- Accessing C# function in Javascript
- Skip inclusion of d3.js for Internet Explorer
- wildcard selection using D3
