NVD3 RotateLabels无法在MultiChart上运行

时间:2013-05-19 03:21:31

标签: nvd3.js

第一个和最后一个标签的呈现方式不正确。有谁知道是否有办法解决这个问题,还是一个错误?

以下是它为我呈现的方式

http://i.imgur.com/F4I9FjL.png

1 个答案:

答案 0 :(得分:1)

解决方案可能会根据您在body标签内的元素而改变。我在.nv-x中选择了所有.nv-axis <body>个元素。定义attr选项的行,您可以更改de 翻译旋转值。

var chart = nv.models.discreteBarChart();   
nv.addGraph(function() {

    ... (chart options like chart.x and chart.y, load data, etc.)

    d3.select('body')
        .selectAll('.nv-x.nv-axis > g')
        .selectAll('g')
        .selectAll('text')
        .attr('transform', function(d) { return 'translate (-13, 15) rotate(-45 0,0)' });
    });

    return chart;
});