项目中使用nvd3发现:在手机上显示的中文图例有一部分被盖住了,如下图右上角
查找原因发现
<g class="nv-series" transform="translate(0,5)">现金余额图例代码</g>
<g class="nv-series" transform="translate(52,5)">费用余额图例代码</g>
如果将费用余额图例代码 translate(52,5)改成 translate(62,5) ;即将图形向右变换移动,即可不遮住
调试发现代码出现在nvd3下的legend.js中,154行左右:
series
.attr('transform', function(d, i) {
return 'translate(' + xPositions[i % seriesPerRow] + ',' + (5 + Math.floor