自定义列高清图标

Question

我想自定义列Highchart，并在其两端添加图标。 我也希望他们漂浮在中心。

下面是我试过的代码，但我无法将样条和列范围图表组合在一起以获取图标。

$('#ao-DashBoardDateRanger').highcharts({

            chart: {
                type: 'columnrange',
                inverted: true
            },

            credits: {
                enabled: false

            },
            exporting: {
                buttons: {
                    contextButtons: {
                        enabled: false,

                    }
                },
                enabled: true
            },
            title: {
                text: 'LIST OF PROJECTS'
            },

            subtitle: {
                text: ''
            },

            xAxis: {
                categories: ['May 2016', 'Jun  2016', 'Jul 2016', 'Aug 2016']
            },

            yAxis: {
                title: {
                    text: null
                }
            },
            plotOptions: {

                columnrange: {
                    stacking: 'normal',
                    pointPadding: 0.2,
                    groupPadding: 0,
                    dataLabels: {
                        enabled: true,
                        align : "top"
                    }
                }

                }
            ,

            legend : {
                enabled: false
            },

            series: [{
                name: 'Sales',

                data: [
                    [-9.7, 9.4],
                    [-8.7, 6.5],
                    [-3.5, 9.4],
                    [-1.4, 19.9],

                ]
            }]

        });

提前感谢！