Javascript d3轴在功率标度下表现异常
我正在学习使用d3.js进行数据可视化,下面的比例在使用d3.svg.axis时表现得很奇怪Javascript d3轴在功率标度下表现异常,javascript,d3.js,svg,data-visualization,Javascript,D3.js,Svg,Data Visualization,我正在学习使用d3.js进行数据可视化,下面的比例在使用d3.svg.axis时表现得很奇怪 var scaleFunc = d3.scale.pow() .exponent(1.6) .domain(d3.extent(arr, numFunc)) // numfunc returns float between 0 - 5 .range([ ( maxPlotHeight -axes.bufferBottom ), axes.bufferTop ]) 轴功能: d3
var scaleFunc = d3.scale.pow()
.exponent(1.6)
.domain(d3.extent(arr, numFunc)) // numfunc returns float between 0 - 5
.range([ ( maxPlotHeight -axes.bufferBottom ), axes.bufferTop ])
轴功能:
d3.svg.axis()
.scale(scaleFunc)
.orient("left")
.ticks(5)
如果“缩放”范围从0开始工作,但只有4个刻度,如果范围从0以上的任何位置开始(如1.2、1.4),则显示6个刻度,值为:.5、.0、.5、.5、.0
请从上的文档帮助我理解问题
参数稍后将传递给scale.ticks以生成tick
价值观
以及
指定的计数只是一个提示;刻度可能返回更多或更少
值取决于输入域
这就是为什么在调用.ticks(5)
时,您没有得到预期的准确的滴答数
刻度值系列。5、.0、,。。。最有可能是因为左侧没有足够的空间显示整个数字。因此,您将只看到小数分隔符和小数部分,而点前面的整数部分被截断。尝试将所有内容向右转换,以便留出更大的空白,以便能够显示刻度值。谢谢你,我从来没有想到这是如此愚蠢的事情。数字是从svg打印出来的