小编Roy*_*uza的帖子

我有一个在d3.js中建立的折线图.我需要一些自定义的帮助.我希望将x轴文本标签分成两行.我希望日期在一行,而月份在另一行.

目前的图表在一行中有"十二月十四日".

目前的图表:

x轴标签在此处分为2行.日期和月份分为2个不同的行.

预期的x轴:

Codepen链接

        var xScale = d3.time.scale().domain([data[0][xkeyVal], data[data.length - 1][xkeyVal]]).range([margin.left, width]);

        var yScale = d3.scale.linear().domain([0, d3.max(data, function(d) {
                    return d[ykeyVal];
                })]).range([height, margin.left]);

       var xAxisGen = d3.svg.axis()
                    .scale(xScale)
                    .orient("bottom")
                    .ticks(_config.keys.xAxis.ticks)
                    .tickFormat(d3.time.format("%d %b")) 
                    .tickSize(0);

        var yAxisGen = d3.svg.axis()
              .scale(yScale)
              .orient("left")
              .tickValues(_config.keys.yAxis.tickValues.length > 0 ? _config.keys.yAxis.tickValues : 1)
        .tickSize(0);