Question

我试图在Highcharts Graphs中使用图像作为名称，我尝试了以下方法，但这不起作用，

    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],
        name: '<img src="http://www.text100.com/wp-content/uploads/2013/03/icon-plug-small.png" >'
    }]

还有其他方法可以达到这个目的吗？

Answer 1

要添加html图片，您需要将useHTML设置为true选项，必要时（例如工具提示，图例）：http://jsfiddle.net/a3be47f8/

$('#container').highcharts({
    tooltip: {
        useHTML: true  
    },
    legend: {
        useHTML: true   
    },
    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],
        name: '<img style="width: 50px; height: 50px" src="http://www.text100.com/wp-content/uploads/2013/03/icon-plug-small.png" >'
    }]
});

注意：
我建议设置宽度/高度，否则可能会发生工具提示/图例无法保留适当数量的空间，因为图像赢了＆＃ 39;已经装好了。

在highcharts中使用image标签作为系列名称

1 个答案: