Estoy aprendiendo D3.js para hacer algunos gráficos y tengo problemas con los valores que se muestran en un eje.
Probé con esto:
var width = 400, height = 400; var svg = d3.select("body") .append("svg") .attr("width", width) .attr("height", height); var xscale = d3.scaleLinear() .domain([0.0, 17.0]) .range([0, width]); var x_axis = d3.axisBottom(xscale) .tickValues([0.0, 1.5, 3.0, 4.5, 6.0, 7.5, 9.0, 10.5, 12.0, 13.5, 15.0, 16.5]); svg.append("g") .attr("transform", `translate(100, ${height - 20})`) .call(x_axis);Pero solo muestra ticks enteros.
Cualquier ayuda será apreciada
los valores son correctos en su pantalla, pero las etiquetas de los ticks no lo son. para corregir eso, agregue tickFormat para anular las etiquetas predeterminadas
.tickFormat(t => t)