2014-09-02 315 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