angular-nvd3如何设置列表宽度

Question

如图，怎么设置列表宽度改小一点，现在只能列出到9，实际上总的有40列，后面的都显示不出来

js:

 $scope.mobaVictoryOpt = {
          chart: {
            type: 'lineChart',
            height: 450,
            margin: {
              top: 0,
              right: 10,
              left: 23
            },
            useInteractiveGuideline: true,
            duration: 500,
            xAxis: {
              showMaxMin: true,
              tickFormat: function (d) {
                return d;
              }
            },
            yAxis: {
              showMaxMin: true,
              tickFormat: function (d) {
                return d;
              }
            }
          }
        };

        $scope.showPerData = [
          {
            values: finalData['出场率'],
            key: '出场率(%)',
            color: '#7266ba',
            area: false
          },
          {
            values: finalData['总胜率'],
            key: '总胜率(%)',
            color: '#E43211',
            area: false
          },
          {
            values: finalData['平均胜率'],
            key: '平均胜率(%)',
            color: '#2ca02c',
            area: false
          }
        ];

html:
        <nvd3 options="mobaVictoryOpt" data="showPerData"></nvd3>

Answer 1

已经解决。。是X轴的值为字符串，转为number就可以了