Question

参见JSFiddle：http://jsfiddle.net/wc34frjd/1/

对于某些日期，不显示X轴上的第一个日期标签。例如，日期来自＆＃34; 2015-02-06＆＃34;到＆＃34; 2015-02-12＆＃34;显示所有标签，但将月份更改为04会导致第一个标签丢失。

            var data = [
                        {value: 0, date: "2015-04-06"},
                        {value: 10, date: "2015-04-07"},
                        {value: 0, date: "2015-04-08"},
                        {value: -20, date: "2015-04-09"},
                        {value: 0, date: "2015-04-10"},
                        {value: 30, date: "2015-04-11"},
                        {value: 0, date: "2015-04-12"}
                        ];

任何想法有什么不对？

Answer 1

如果您确实需要特定标签，则应在.tickValues([...])方法中提及它们。

        var xAxis = d3.svg.axis()
        .scale(x)
        .orient('bottom')
        .ticks(tickTime, tickSkips)
        .tickFormat(d3.time.format('%a %d'))
        .tickSize(0)
        .tickPadding(10)
        .tickValues([new Date('2015-4-6'), new Date('2015-4-9'), new Date('2015-4-12')]);

X轴未显示特定日期的所有标签

1 个答案: