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

时间:2017-03-20 14:05:29

标签: algorithm math graph morris.js

我想知道如何在此图表中表示小数据更改。更改位于小数点后第二位。我尝试加权平均值,记录值,我无法成功。

Example

2 个答案:

答案 0 :(得分:1)

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

请尝试以下代码段:



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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

显示小但统计上显着差异的一种好方法是显示标准差的均值偏差。您可能已经获得了每个时间段的均值,因此样本均值与全局均值的偏差由根Nsample缩放。