如何计算趋势线答案

【问题标题】：How to calculate the trend line如何计算趋势线
【发布时间】：2014-09-02 11:42:19
【问题描述】：

我正在尝试根据我从该站点获得的公式计算趋势线：

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>

这是生成的图表：

我想知道的是：

值是如何根据公式计算值的，值是什么
趋势线在图表上的绘制方式。
我知道 x 轴上的日期不是用公式计算的。
我已经根据值进行了计算

[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]

但图表上绘制的值不同。

谢谢

【问题讨论】：

图表中绘制的值与其下方列出的值相匹配。问题是什么？问题是什么？
我想知道它背后的逻辑，它是如何根据公式计算值的。 . .y=mx + b，趋势线在图表上的绘制方式
这是个好问题……我无法回答。您必须检查code.highcharts.com/highcharts.js 中的代码以了解它是如何完成的。实际上，这里似乎有一个更易读的版本：code.highcharts.com/highcharts.src.js，希望对您有所帮助。

标签： javascript html css highcharts

【解决方案1】：

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

【讨论】：