udbyygyt
2018-10-22 08:35
采纳率: 50%
浏览 718

angular-nvd3如何设置列表宽度

图片说明
如图,怎么设置列表宽度改小一点,现在只能列出到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>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • udbyygyt 2018-10-23 07:07
    已采纳

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

    点赞 打赏 评论

相关推荐