使用highcharts.js在每个xAxis类别标签上显示自定义图标图像[html]

Question

我有这个图表图表我正在处理,基本上是一组10行[系列],我必须在每个栏的开头添加一个自定义图标(图像),我能够广告图像但是显示在所有行上都有相同的元素,非常感谢任何帮助.

这是我创建的jsFiddle http://jsfiddle.net/KrTbz/.

这是我需要做的工作的js代码

            labels: {
                color: '#fff',

                x: 5,
                useHTML: true,
                formatter: function () {
                    return '<img class="" src="http://dummyimage.com/60x60/ff6600/ffffff"/>';
                }

            }

希望我能得到一些帮助.

Answer 1

见http://jsfiddle.net/troynt/KrTbz/3/

只需将随机字占位符替换为您想要的任何图像.

formatter: function () {
    return {
        'Awesome': 'blah',
        'Awesome Previous': 'yadda',
        'Good': 'dabba',
        'Good Previous': 'doo',
        'Okay': 'word',
        'Okay Previous':'up',
        'Awful': 'blah',
        'Awfull Previous': 'blah2'
    }[this.value];
}