Angularjs 在nvd3折线图中，showMaxMin:true不起作用

大家好，我已经在我的应用程序中实现了NVD3折线图，我在X轴上有“一月，二月..直到..十二月”这样的记号，图表绘制得很完美，但X轴的记号没有按原样呈现。请帮我找到解决方案，这是我所做的和我可以画的折线图的快照

JSP代码：

<nvd3 options="options" data="dataForLineChart"></nvd3>

我提供的数据如下：

$scope.dataForLineChart =  
    [{
      "key": "3",
       "values":[{
        "x": "0",
        "y": "57.0"
       }, {
        "x": "1",
        "y": "67.0"
       }, {
        "x": "2",
        "y": "40.0"
       }, {
        "x": "3",
        "y": "20.0"
       }, {
        "x": "4",
        "y": "10.0",
       }, {
        "x": "5",
        "y": "40.0"
       }, {
        "x": "6",
        "y": "57.0",
       }, {
        "x": "7",
        "y": "44.0"
       }, {
        "x": "8",
        "y": "23.0"
       }, {
        "x": "9",
        "y": "75.0"
       }, {
        "x": "10",
        "y": "22.0"
       }, {
        "x": "11",
        "y": "12.0"
       }]
      }];

最后，这是我的图表的样子 为什么12个月都没有得到渲染

将宽度设置为800后：

---

实际上它可以工作，它显示x轴上的所有值，只需调整图表的大小，然后查看

之所以会发生这种情况，是因为在调整图表大小时，它会自动调整轴的大小。只要把宽度改为800，你就能看到

演示

var-app=angular.module（'plunker'，['nvd3']）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.options={
图表：{
键入：“折线图”，
肖克西斯：没错，
身高：300，
宽度：800，
保证金：{
前20名，
右:20,，
底数：40，
左：55
},
x:功能（d）{
返回d.x；
},
y:功能（d）{
返回d.y；
},
useInteractiveGuideline:false，
派遣：{
状态更改：功能（e）{
console.log（“stateChange”）；
},
变更状态：功能（e）{
控制台日志（“变更状态”）；
},
工具提示：函数（e）{
console.log（“工具提示”）；
},
工具提示：函数（e）{
console.log（“工具提示”）；
}
},
xAxis：{
axisLabel:“时间线（月）”，
showMaxMin:false，
},
亚克斯：{
axisLabel:“获取率”，
格式：函数（d）{
返回d3.格式（“”）（d）；
},
轴间距：-8
},
回调：函数（图表）{
log（“！！！折线图回调！！！”）；
},
showLegend:错误
}
}
$scope.dataForLineChart=[{
“密钥”：“3”，
“价值观”：[{
“x”：“0”，
“y”：“57.0”
}, {
“x”：“1”，
“y”：“67.0”
}, {
“x”：“2”，
“y”：“40.0”
}, {
“x”：“3”，
“y”：“20.0”
}, {
“x”：“4”，
“y”：“10.0”，
}, {
“x”：“5”，
“y”：“40.0”
}, {
“x”：“6”，
“y”：“57.0”，
}, {
“x”：“7”，
“y”：“44.0”
}, {
“x”：“8”，
“y”：“23.0”
}, {
“x”：“9”，
“y”：“75.0”
}, {
“x”：“10”，
“y”：“22.0”
}, {
“x”：“11”，
“y”：“12.0”
}]
}];
});

Angular-nvD3离散条形图
文件。写（“”）；


为了显示标签，尽管渲染时需要不带sea的宽度，但要使用以下功能：

 var chart = nv.models.multiBarChart()
  .reduceXTicks(false)   //If 'false', every single x-axis tick label will be rendered.

请看上面的图片，这是在我将宽度设置为800后获得的，所有的X记号都显示出来了，但是这些都超出了div…：（@Vish check my samples其他数字在哪里消失了？？这可能是html问题吗？您找到解决方案了吗？对不起，您的答案是多条形图，我需要它fir折线图..reduceTexticks（false）不适用于折线图。
 var chart = nv.models.multiBarChart()
  .reduceXTicks(false)   //If 'false', every single x-axis tick label will be rendered.