问高级图表:将自己的计算添加到工具提示中

EN

function getGrade(score){
    if(score >= 5-4/6)
        return 'A';
    if(score >= 5-4/6*2)
        return 'B';
    if(score >= 5-4/6*3)
        return 'C';
    if(score >= 5-4/6*4)
        return 'D';
    if(score >= 5-4/6*5)
        return 'E';
    if(score >= 5-4/6*6)
        return 'F';
}

$(function(){
    $('#container').highcharts({
        chart: {
            polar: true,
            type: 'line'
        },      
        title: {
            text: 'Budget vs spending',
            x: -80
        },
        pane: {
            size: '80%'
        },
        xAxis: {
            categories: ['Sales', 'Marketing', 'Development', 'Customer Support', 'Information Technology', 'Administration'],
            tickmarkPlacement: 'on',
            lineWidth: 0
        },
        yAxis: {
            gridLineInterpolation: 'polygon',
            lineWidth: 0,
            min: 0
        },
        tooltip: {
            shared: true,
            formatter: function() {
                var s = '<b>'+ this.x +'</b>';

                $.each(this.points, function(i, point) {
                    var tempcolor = point.series.color;
                    s += '<br/>'+ '<span style="color:'+ tempcolor+'">'+point.series.name +': '+ getGrade(point.y) +'('+point.y+')'+ '</span>';
                });
                return s;
            }
        },
        legend: {
            align: 'right',
            verticalAlign: 'top',
            y: 70,
            layout: 'vertical'
        },
        series: [{
            name: 'Allocated Budget',
            data: [1, 1, 2, 3, 4, 5],
            pointPlacement: 'on'
        }, {
            name: 'Actual Spending',
            data: [3, 4, 3, 2, 2, 2],
            pointPlacement: 'on'
        }]
    });
});