Поворот этикетки nvd3 строка диаграммы

Question

Я хочу повернуть метки оси х до 90 градусов, потому что они перекрывают друг друга. Я использовал rotateLabels, но оно не wotking

<nvd3-line-chart 
     data="singleLineChartData" 
     id="singleLineChart" 
     width="800" 
     height="200" 
     showXAxis="true" 
     showYAxis="true" 
     tooltips="true" 
     interactive="true" 
     rotateLabels="90" 
     useinteractiveguideline="true" 
     xAxisTickValues="xAxisTickValuesFunction()" 
     xAxisTickFormat="xAxisTickFormat()" 
     color="colorFunction()" 
     isArea="false" 
     margin="{left:50,top:50,bottom:50,right:50}" 
     showLegend="true" 
     legendColor="colorFunction()" 
     noData="No Data!"> 
     <svg></svg> 
</nvd3-line-chart> 

Answer 1

Вы должны использовать 'xaxisrotatelabels' вместо rotateLabels

<div ng-app='nvd3TestApp'> 
    <div ng-controller="ExampleCtrl"> 
     <nvd3-line-chart 
      data="exampleData" 
      showXAxis="true" 
      showYAxis="true" 
      tooltips="true" 
      xaxisrotatelabels ="90" 
      interactive="true"> 
     </nvd3-line-chart> 
    </div> 
</div> 

Working Application