CODEWITHSUNDEEP
highcharts
mahboub_mo
mahboub_mo

Reputation: 3038

Set position for each flag in highstock

I'm trying to change the position of each flag in a chart and I'm using highstock. I add each flag like this:

 {
        x: time,
        shape: 'url(images/indicators/down_fractal.png)',
        y:value,
        title: ' ',
        text: 'Fractal: ' + value
    };

And there is my serie config:

seriesConf : {
            id: this.uniqueID,
            name: this.toString(),
            data: this.indicatorData,
            type: 'flags',
            onSeries: this.options.onSeriesID, //Series ID on which this flags will be rendered
            height: 10,
            width: 10,
            //y: 100,
            //turboThreshold: 0
        }

The y value is suppose to set the position of flag but its not working?is it even possible to define each flag position? In this sample you change the y value and nothing happens. The main i idea is to create a chart like this: enter image description here

Upvotes: 2

Views: 1288

Answers (1)

Paweł Fus
Paweł Fus

Reputation: 45079

Flag series is rendered directly above the series, there is no y option for point (see API).

I think you want to use simple scatter series with markers, take a look: http://jsfiddle.net/ujgLzkq9/1/

Or use two flag series (one above, and second one below the line), using series.y option.

Upvotes: 1

Related Questions