2014-09-02 249 views
2

我试图来计算趋势线,根据我从该网站得到了公式:如何计算趋势线

http://classroom.synonym.com/calculate-trendline-2709.html

我已经添加代码完成高图表趋势线和动态传递值,这是我的代码:

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <title>Highcharts Example</title> 

     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

     <script type="text/javascript" src="regression.js"></script> 

     <script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script> 

     <script type="text/javascript"> 

    $(function() {   
     var sourceData = [ 
      [0, 99.75], [1, 99.77], 
      [2, 99.78], [3, 99.84], 
      [4, 99.82], [5, 99.82], 
      [6, 99.76], [7, 99.78], 
      [8, 99.8], [9, 99.65], 
      [10, 99.94], [11, 99.8] 
     ]; 

     $('#container').highcharts({ 
      title: { 
       text: 'RNA', 
       x: -20 //center 
      }, 
      subtitle: { 
       text: 'Outage Reasons', 
       x: -20 
      }, 
      xAxis: { 
       categories: ['18-Jul-14', '19-Jul-14', '20-Jul-14', '21-Jul-14', '22-Jul-14', '23-Jul-14', 
        '24-Jul-14', '25-Jul-14', '26-Jul-14', '27-Jul-14', '28-Jul-14', '29-Jul-14'] 
      }, 
      yAxis: { 
       title: { 
        text: 'Percent' 
       }, 
       plotLines: [{ 
        value: 0, 
        width: 1, 
        color: '#808080' 
       }] 
      }, 
      tooltip: { 
       valueSuffix: '%' 
      }, 
      legend: { 
       layout: 'vertical', 
       //align: 'right', 
       //verticalAlign: 'middle', 
       borderWidth: 0 
      }, 
      series: [{ 
       name: 'RNA - CP (Radio Network Availability - Customer Perceived)', 
       data: sourceData 
      }, 
      { 
       type: 'line', 
       marker: { enabled: false }, 
       /* function returns data for trend-line */ 
       data: (function() { 
        return fitData(sourceData).data; 
       })() 
      }], 
      credits: { 
       enabled: false 
      } 
     }); 
}); 


     </script> 
    </head> 
    <body> 

<script src="exporting.js"></script> 

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 

    </body> 
</html> 

这是获取生成的图形:

enter image description here

我想知道的是:

  1. 怎样的值是根据公式计算值,什么是价值观

  2. 如何趋势线绘制在图上。

  3. 我知道x轴上的日期不是用公式计算的。

  4. 我已根据这些值进行计算

    [0,99.75],[1,99.77],
    [2,99.78],[3,99.84],
    [4,99.82] ,[5,99.82],
    [6,99.76],[7,99.78],
    [8,99.8],[9,99.65],
    [10,99.94],[11,99.8]

但这些值在图上绘制的不同。

感谢

+0

在图中绘制的值相匹配它下面列出的值。问题是什么?什么是问题? – 2014-09-02 17:44:00

+0

我想知道它背后的逻辑,它是如何根据formaula计算值的。 。 .y = mx + b,趋势线如何绘制在图上 – John 2014-09-03 04:57:13

+1

这是一个很好的问题......我无法回答。你必须检查http://code.highcharts.com/highcharts.js中的代码,看看它是如何完成的。实际上,这里似乎有一个更可读的版本:http://code.highcharts.com/highcharts.src.js,我希望有帮助。 – 2014-09-03 05:11:50

回答

0

它不是内置的,但你可以尝试使用plugin