javascript - 在 Highcharts 的每个类别中放置一张图片

Question

我有这个代码:

http://jsfiddle.net/waqLq62d/

让我知道如何将图片放在类别的开头。因此如图所示。

我不知道如何，非常感谢。

$('#container').highcharts({

        xAxis: {
            categories: [data.d[300].nomindicador, data.d[500].nomindicador, data.d[600].nomindicador,data.d[700].nomindicador, data.d[900].nomindicador],
            title: {
                text: null
            },
            labels: {

            align: 'left',
            x: 10,
            y: -20

            }

        },
        yAxis: {

            title: {
                text: 'Resultado',
                 align: 'right'
            }

        },
        tooltip: {
            valueSuffix: ' dollars'
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: false
                }
            }
        },
        legend: {
            layout: 'vertical',
            align: 'center',
            verticalAlign: 'bottom',
            x: -40,
            y:40 ,
            floating: true,
            borderWidth: 1,
            backgroundColor: '#FFFFFF',
            shadow: true
        }

Answer 1

要实现这一点，您必须在 labels 对象上使用 useHTML 属性并将其设置为 true。

然后，您必须使用 format 属性在标签中插入 HTML 图像。

完整的工作示例在这里:

http://jsfiddle.net/u3o416xb/

代码应该是这样的:

labels: {
    x: -5,
    y: -20,
    useHTML: true,
    format: '<div style="position: absolute; left: 40px"> my label </div> <img style="height: 30px; width: 30px; margin-top: 10px"  src="https://cdn2.iconfinder.com/data/icons/free-3d-printer-icon-set/512/Plastic_model.png"></img>'
}