我正在學習 D3.js 來制作一些圖表，但我對軸上顯示的值有問題。
我試過這個：
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);
但它只顯示整數刻度。
結果軸
任何幫助將不勝感激
uj5u.com熱心網友回復：
螢屏上的值是正確的，但刻度的標簽不正確。修復添加tickFormat以覆寫默認標簽
.tickFormat(t => t)
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/364531.html
標籤：javascript d3.js
上一篇：兩側帶有標簽的D3.js圖表
下一篇：使用CSS樣式D3圖表