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>
解决方案:
找到原因,发现是X轴的值类型为字符串,parseInt(x)转为数值就行了



本文作者:起点终站
文章标题: angular-nvd3如何设置列表宽度
本文地址:https://blog.hellozwh.com/?post=399
版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。
本文地址:https://blog.hellozwh.com/?post=399
版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。

