Question

我制作了一张Morris.js图：http://thuis.xitro.nl/

我不想在ymin中设置一个值，我在“auto”上设置了这个值。我现在有很长的数字，例如：55.29999999999999 我想要只显示55。

如果我的图表显示的话会更好：20,30,40,50,60,70。

我怎样才能做到这一点？我知道一些HTML / PHP / MySQL，但我对JavaScript很新。

编辑：使用以下方法修正了自己：yLabelFormat：function（y）{return y = Math.round（y）;}，

我知道怎样才能得到这样的图表：20,30,40,50,60,70？

Morris.Line({
    // ID of the element in which to draw the chart.
    element: 'morris-line-chart-dcr',
    // Chart data records -- each entry in this array corresponds to a point on
    // the chart.
    data: [<?php echo $chart_data_dcr; ?>],
    // The name of the data record attribute that contains x-visitss.
    xkey: 'time',
    // A list of names of data record attributes that contain y-visitss.
    ykeys: ['eff', 'avg', 'rep'],
    // Labels for the ykeys -- will be displayed when you hover over the
    // chart.
    labels: ['Decred Effective','Decred Average','Decred Reported'],
    lineColors: ['#337ab7','#ffa500','#5cb85c'],
    pointFillColors: ['#337ab7','#ffa500','#5cb85c'],
    pointStrokeColors: ['#337ab7','#ffa500','#5cb85c'],
    pointSize: 3,
    hideHover: true,
    ymax: "auto",
    ymin: "auto",
    // Disables line smoothing
    smooth: false,
    resize: true
});

Answer 1

yLabelFormat：function（y）{return y = Math.round（y）;}，

为我修好了。

现在我只想知道如何让它们看起来像：20,30,40,50,60,70。

Answer 2

在Morris.line Graph

中使用以下代码

yLabelFormat: function(y) { return y = Math.round(y); }

这将格式化Y轴标签。

Morris Graph，圆形y轴数字

2 个答案: