将图像添加到高亮条形图中

时间:2015-03-06 15:01:15

标签: highcharts

我有一个相对简单的(highcharts)条形图,我想知道是否可以在每个条形的末尾添加一个小图像(当前数字所在的位置)。每个栏都需要有不同的图像。

$(function () {
$('#container').highcharts({
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Some Chart'
    },
    xAxis: {
        categories: ['Archimedes','Curie','Darwin','Hawking','Newton','Pasteur'],
        title: {
            text: null
        }
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Score',
            align: 'high'
        },
        labels: {
            overflow: 'justify'
        }
    },
    tooltip: {
        valueSuffix: ' percent'
    },
    plotOptions: {
        bar: {
            dataLabels: {
                enabled: true
            }
        }
    },       
    credits: {
        enabled: false
    },
    series: [{
        name: 'Group Team Performance',
        data: [
            {name: 'Archimedes', color: '#fe3932', y: 70},
            {name: 'Curie', color: '#28d44e', y:66},
            {name: 'Darwin', color: '#fce621',y:46},
            {name: 'Hawking', color: '#003969', y:66},
            {name: 'Newton', color: '#00afd5', y:64},
            {name: 'Pasteur', color: '#b14fe0', y:56}
        ]
       }
     ]
});

});

我创造了一个快速小提琴 - http://jsfiddle.net/vou3uyyf/1/

非常感谢任何帮助!

0 个答案:

没有答案