Marker Flags - prabhat156/libraries GitHub Wiki

  1. With 'vxMarker.js' different styles of markers can be overlaid on the chart.
  2. Each marker can have its own style of showing the tooltip.
  3. Markers can be 'linkedTo' line series.
  4. There is some flexibility in coloring the markers. If the 'markerColorScheme' is 'implicit' then markers 'linkedTo' a series will get the same color as the series. All the markers which are not linked to any series are set to markerStyle = 1 and colors are picked from 'markerColor'. If the 'markerColorScheme' is 'explicit' then all the marker colors are picked from 'markerColor'.

Here is a list of marker styles: markerStyle = 1 : vertical line from top to bottom of chart, diamond shapes attached to both end. In this style, its not required to specify a 'linkedTo'. markerStyle = 2 : the first implementation showing an actual flag. 'linkedTo' is required as the flag (vertical line with rectangle at the top) is displayed at the specified point on the line chart markerStyle = 3 : A hollow circle with a number display inside it. This was the style used in super-bowl analysis. Again 'linkedTo' has to be specified markerStyle = 4 : This is the style can currently used for outliers. Its a large circle around the the point. (I might need to set the opacity of the circle)

The data for marker can (currently) be specified by just specifying the x-axis time constraints. The 'y' values will be picked from the 'linkedTo' series (except in the case of markerStyle = 1)