score:2

Accepted answer

i think your data is incorrect for the x-axis where you are trying to put your icon.

you have been using

// populate the event series based on data in events object
    eventchartoptions.options.series.push(
        {
            data: [[174.0, 65.6]] ,
            marker: {
                symbol: 'text:\uf183' // fa-male
            },
            icon: '\uf183',
            name: 'male',
            color: 'rgba(119, 152, 191, 0.6)'
        }
    );

which indicates a value of 65.4 which is nowhere near the ranges defined for the other axis such as 1390219200000

changing to

// populate the event series based on data in events object
eventchartoptions.options.series.push({
    data: [
        [174.0, 1390219200000]
    ],
    marker: {
        symbol: 'text:\uf183' // fa-male
    },
    icon: '\uf183',
    name: 'male',
    color: 'rgba(119, 152, 191, 0.6)'
});

does render the man albeit at 90 degrees?!

demo: http://jsfiddle.net/robschmuecker/yc3tg/1/


Related Query

More Query from same tag