javascript – 在d3条形图中设置自定义x轴标签?

前端之家收集整理的这篇文章主要介绍了javascript – 在d3条形图中设置自定义x轴标签?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在这个页面上使用d3 crossfilter库:

http://jovansfreelance.com/bikestats/d3/crossfilter.php

如果查看第二个图形,您会看到x轴的标签为0.0,0.5,1.0,…,6.0.我需要这些标签是星期几,所以0.0是星期一,0.5不应该在那里,我不知道为什么它出现,因为数据中只有整数,1.0应该是星期二等.

谁能告诉我如何实现这一目标?请注意,所有4个图形都调用相同的函数,我需要修改标签(硬编码它们很好)仅适用于此特定图形.

解决方法

你应该检查序数量表.在此期间,您可以轻松制作自己的tickFormat:
var weekdays = ["Mon","Tues","Wed","Thurs","Fri","Sat","Sun"];
var formatDay = function(d) {
    return weekdays[d % 7] + "day";      
}

然后将它传递给比例尺,例如:

var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom")
    .tickFormat(formatDay);

猜你在找的JavaScript相关文章