将类别和图像放入HIGHCHARTS

时间:2016-01-04 03:38:20

标签: javascript highcharts

我有这段代码:

http://jsfiddle.net/waqLq62d/

让我知道如何将图像放在类别的开头。所以如图所示。

enter image description here

我不知道怎么样,非常感谢你。

我想在y轴上保留图片,并希望将类别保留在栏杆上方。如果你能帮助我,我将非常感激。

   $('#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
    }

1 个答案:

答案 0 :(得分:0)

您可以为轴标签设置自定义HTML。

为此你需要启用" useHTML" property和use formatter将自定义HTML插入图表。

labels: {
    useHTML: true,
    formatter: function() {
        return "<div class='imageClass'>2</div>";
    },
    align: 'left',
}

我更新了您的fiddle here

我希望这就是你要找的东西