algorithm - 如何在图表中表示数据的微小变化

Question

我想知道如何表示该图中的小数据变化。更改位于小数点后第二位。我试过加权平均值，一个值的日志，我没能成功。

Answer 1

您可以使用 Morris 的 ymin 和 ymax 属性来更好地显示小的变化。您可以使用数据的最小值和最大值设置这些属性。

请尝试以下代码段:

var data = [
  { y: '2016-01', a: 3.5 },
  { y: '2016-02', a: 3.8 },
  { y: '2016-03', a: 3.7 }
];
  
var min = Math.min.apply(null, data.map(function (d) { return d.a; }));
var max = Math.max.apply(null, data.map(function (d) { return d.a; }));

Morris.Line({
  element: 'chart',
  data: data,
  xkey: 'y',
  ykeys: ['a'],
  labels: ['Label A'],
  resize: true,
  xLabelAngle: 40,
  parseTime: false,
  ymin: Math.floor(min), // min - 0.1
  ymax: Math.ceil(max) // max + 0.1
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css" rel="stylesheet" />

<div id="chart"></div>