javascript - 向 Highchart 图表添加自定义 Logo

Question

是否可以向图表添加自定义 Logo /图像？

我尝试修改 credits标签，没有运气。

$('#container').highcharts({

    credits: {
        text: 'remisture.no',
        href: 'http://remisture.no',
        position: {
            align: 'right',
            x: -75,
            verticalAlign: 'top',
            y: 25
        },
        style: {
            color: 'red',
            backgroundImage: 'url(https://upload.wikimedia.org/wikipedia/en/thumb/3/3a/Burger_King_Logo.svg/1024px-Burger_King_Logo.svg.png)'
        }
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

演示:http://jsfiddle.net/remisture/738bnv0b/

知道如何解决这个问题吗？

Answer 1

来自他们的 support forum , 你可以使用 Renderer.image正如:

$('#container').highcharts({

    // your setup

}, function (chart) { // on complete

    chart.renderer
         .image('//image.com/image.png', 100, 100, 30, 30)
         .add();
});

您的图片示例:http://jsfiddle.net/738bnv0b/3/