javascript - 如何向 HighCharts 添加带有类别的趋势线？

Question

当数据源表示为 X,Y 时，趋势线显示正确。然而，事情不适用于类别。有没有一种好方法可以在不重新格式化数据的情况下添加时间线？

JSFiddle:http://jsfiddle.net/9r9ba64r/5/

$(function () {

    // series data with Y and categories (this doesnt work!)
    //var sourceData = [{y:100} , {y:200}, {y:300}, {y:400}];    
    var categories = ['18-Jul-14', '19-Jul-14', '20-Jul-14', '21-Jul-14'];

    // series data X and Y (this works!)
    var sourceData = [[0, 99.75], [1, 99.77], [2,150]];

        $('#container').highcharts({
            xAxis: {
                categories: categories
            },
             series: [{
                name: 'RNA - CP ( Radio Network Availability - Customer Perceived)',
                data: sourceData
            },{
                type: 'line',
                name: 'trend',
                data: (function() {
                  return fitData(sourceData).data;
                })()
            }]
      });
});

我应该使用像这样的不同插件plugin ？

任何帮助都会很棒。非常感谢!

编辑: 修复了 jsfiddle

Answer 1

您使用的fitData()函数不支持这种数据格式。当 x 轴为类别时，数据应为数字数组(例如 var sourceData = [100,200,300,400];)

示例:http://jsfiddle.net/t2tc93zh/

插件来源:http://rawgit.com/virtualstaticvoid/highcharts_trendline/master/regression.js