Question

有人可以在高图中发布自定义聚合方法的示例吗？我想创建一个自定义聚合方法，使用工具提示将以下几点分组到一个点？我有一个包含以下数据的数组 array1：['apple'，2,4,10,12.5] 我希望上面的数组在一个带有工具提示的分组点中表示如下所示苹果没有苹果：2 分：4 最大：10 意味着：12.5

Answer 1

我会处理数据以使其成为高级图表识别的格式，然后将额外数据添加到点对象。您可以在工具提示格式化函数中引用该额外数据：

$(function () {
    var input = [['apple',2,4,10,12.5],
                ['pear',1,5,10,12],
                ['orange',3,4,10,13.5],
                ['grape',4,4,10,11.5]],
        data = [],
        categories = [];

    for (i=0;i<input.length;i++) {
        categories.push(input[i][0]);
        data.push({x: i,
                   y: input[i][1],
                   myMin: input[i][2],
                   myMax: input[i][3],
                   myMean: input[i][4]});
    }
    $('#container').highcharts({
         tooltip: {
            formatter: function() {
                return '<b>'+ this.x +'</b><br/>' +
                    'No. of ' + this.x + ': ' + this.y + '<br/>' + 
                    'min : ' + this.point.myMin + '<br/>' +
                    'max : ' + this.point.myMax + '<br/>' +
                    'mean : ' + this.point.myMean;
            }
        },
        xAxis: {
            categories: categories
        },
        chart: {
            marginRight: 50
        },

        series: [{
            data: data
        }]

    });
});

http://jsfiddle.net/bhlaird/Du5Nw/

Highcharts自定义聚合方法

1 个答案: