项目后台遇到一个问题，由于刚接触这个模块，记录一下

问题描述：

        列表宽度无法自适应，现在只能列出到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>

解决方案:

      找到原因，发现是X轴的值类型为字符串，parseInt(x)转为数值就行了