score:1
Accepted answer
if you know all available y values you can convert them to number values
i wrote small example with conversion, custom colors and labels
https://codesandbox.io/s/simple-line-chart-forked-rbe56s?file=/src/app.tsx
Source: stackoverflow.com
Related Query
- How can I draw chart between 2 categories (strings) using recharts library
- How can I put a space between the lines of a line chart using d3.js
- How can I add columns as categories in a bar chart using Dimple.js?
- How can I use d3.layout.stack with this code to draw a line chart using D3.js?
- How can I position rotated x-axis labels on column chart using nvd3?
- D3 how to draw chart with a x data between two y data
- How to draw the interactions between source and destination countries using ip address?
- How can I draw a continuous line using d3 without needing to click&drag the mouse, but rather just use the mouseover event?
- how i can put more lines in Line Plus Bar Chart using nvd3.js?
- How can I draw links between nodes with D3.js?
- How to draw multiple bars in a row in a bar chart with spaces in between with d3v5?
- How can i set the tick text of x-axis between bar in a bar chart in c3.js or d3.js?
- How to draw lines between 2 or more points ? (Points can be changed dynamically)
- How to draw line plus bar chart using highcharts/d3.js or any other chart library?
- How to draw a d3.js line chart using angularjs directives
- How can I draw pie chart with custom color in d3.js
- How can I draw simple lines (flows) between arcs in D3.js?
- How can I make a triple bar chart using D3?
- how do I set up a grouping query on the server side. I want set up the query so I can use it for a pie chart in front end, using d3js
- How can I set max value(range) for y-axis and bar width of a bar chart using nvd3.js
- How to display custom tooltips on line chart using Rickshaw Library
- how can set customize color to pie chart using D3.js?
- How can I draw a line between rotate and non-rotate rectangle?
- How can I program a line chart using D3.js to visualise a data which is received from a server side ?
- Can I create a flow chart (no tree chart) using D3.js
- How can I generate as many colors as I want using d3?
- How to draw line with arrow using d3.js
- MultiBar chart with nvd3 / d3 only shows labels for every other tick on the x-axis. How can I get them all to show up?
- How to draw a line / link between two points on a D3 map based on latitude / longitude?
- How to draw gradient arc using d3.js?
More Query from same tag
- D3 tooltip position offset from mouse when hosted on sharepoint
- chart.xAxis .tickFormat formatting is not working
- d3.js and dimple, reading data in from a file rather than hard coded
- Selecting text for copying with d3.js
- D3 data binding [D3js in Action]
- How do I post parameter on d3.json?
- getting D3.js to display using container
- I want to zoom to a circle directly in d3js without clicking or double clicking it but programmatically
- How to Properly Parse a CSV File to Work With SVG Elements
- D3.js: set axis position based on data
- Wrapping Text Inside SVG Circle
- How to use d3.force for dynamic, non-overlapping labeling of a scatterplot
- scaleBand() shifts the values left
- How to subset a dataset using d3.js according to change in dropdown
- Keep legend constant and only update chart in D3
- Creating a line grpah from array of data objects
- d3 line chart x, y not in the same level of a data structure, how to set x, y function?
- Prevent crossing of arrows in dagre-d3
- How to delay a loop? Or how to make a loop slower?
- D3 curved labels in the center of arc
- D3: Adding class to tick on y-axis depending on the x-axis value
- how to run d3.js code in jsfiddle
- D3js: finding path's bounding box (without getBBox() )?
- d3js scatterplot custom icons and animation
- Calculating GEO transformation params in Vega/d3
- html element is loaded inside my html page but not displayed - hot to fix?
- How to set `side: right` of `textPath` in Chrome?
- Adding sub element based on data using D3
- Move a circle 100px forward on every click event
- d3.js or rxjs error? this.svg.selectAll(...).data(...).enter is not a function