Javascript Morris.js条形图缺少标签

我正在将JSON结构中的值解析为Morris JS条形图。JSON值通过Ajax加载。问题在于，只有每秒一次的值才会加载到x行（xkeys）

我的代码：

    <script>
    $( document ).ready(function() {
    $.ajax({
        url: "http://intra.site.com/_vti_bin/ListData.svc/ExchangeRates?$orderby=Modified%20desc",
        headers: { 'accept': 'application/json;odata=verbose', 'content-type': 'application/json;odata=verbose'},
        success: function(data){ 
                    var params = {
                        element: 'myfirstchart',
                        data: [],
                        xkey: 'year',
                        ykeys: ['value'],
                        barColors: ['#f46813'],
                        labels: ['Rate']
                                    };



                        data.d.results.forEach(function(element) {
                        var obj = { "year": element.ExchangeCross, "value": element.ApprovedRate }; 
                        params.data.push(obj);
                    });

                    Morris.Bar(params);

                                }  
            });
});
</script>

$（文档）.ready（函数（）{
$.ajax({
url:“http://intra.site.com/_vti_bin/ListData.svc/ExchangeRates?$orderby=已修改%20desc“，
标题：{'accept'：'application/json；odata=verbose'，'content type'：'application/json；odata=verbose'}，
成功：函数（数据）{
变量参数={
元素：“myfirstchart”，
数据：[]，
xkey:‘年’，
ykeys:['value']，
条形码颜色：['#f46813']，
标签：[“费率”]
};
data.d.results.forEach（函数（元素）{
var obj={“年”：element.ExchangeCross，“值”：element.ApprovedRate}；
参数数据推送（obj）；
});
莫里斯·巴尔（params）；
}  
});
});

图表呈现良好，但缺少一些标签。我拍了一张截图

---

有没有关于如何解决这个问题的建议？

莫里斯这样做是因为没有足够的空间放置标签。 尝试为标签添加一个角度，您应该能够再次看到它们

var params = {
    element: 'myfirstchart',
    data: [],
    xkey: 'year',
    ykeys: ['value'],
    barColors: ['#f46813'],
    labels: ['Rate'],
    xLabelAngle: 60,
};

---

我有完全相同的问题，您已经解决了吗？您也可以尝试从设置xLabelMargin您也可以尝试从设置xLabelMargin