Marking a specific date ( X Axis )

[eyalh]

If I want to mark a specific date - in this case 8th of june ( represents a feature release date ) - how can I do so? I would of want to see a line of some sort to highlight that date.

I think there's a way to use the chart config to do so but I can't find how to do it exactly.

 

[ruthc · Accepted solution]

{
  // Specify where the vertical reference band should be positioned using the 'from' and 'to' properties - this needs to be the Unix timestamp value of the date e.g. from '1732838400000' will start the band at 29/11/2024. To convert a date, go here: https://www.epochconverter.com/)

  xAxis: {
    plotBands: [{
      color: '#d7e1ee',
      from: 1749387787000, // start of band
      to: 1749474187000, // end of band
      // Provide a label
      label: {
        text: 'Descriptive label',
        x: 0, // offset the horizontal position of label
        y: 0, // offset the vertical psoition of label
        style: {
          color: '#1984c5',
          fontWeight: 'bold',
          fontSize: '14px',
        }
      }
    }]
  },

}

Result:

If you don't want to hardcode a date value, use dynamic annotations instead.