Highcharts Annotations Demo

author(s): Sebastian Domas

by Haze32

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/annotations.js"></script>

<div id="container"></div>

JavaScript

Highcharts.chart('container',



  {

    xAxis: {
      categories: ["'97", "'98", "'98", "'98", "'98", "'99", "'99", "'99", "'99", "'00", "'00", "'00", "'00", "'01", "'01", "'01", "'01", "'02", "'02", "'02", "'02", "'03", "'03", "'03", "'03", "'04", "'04", "'04", "'04", "'05", "'05", "'05", "'05", "'06", "'06", "'06", "'06", "'07", "'07", "'07", "'07", "'08", "'08", "'08", "'08", "'09", "'09", "'09", "'09", "'10", "'10", "'10", "'10", "'11", "'11", "'11", "'11", "'12", "'12", "'12", "'12", "'13", "'13", "'13", "'13", "'14", "'14", "'14", "'14", "'15", "'15", "'15", "'15", "'16", "'16", "'16", "'16", "'17", "'17", "'17", "'17", "'18", "'18", "'18", "'18", "'19", "'19", "'19", "'19", "'20", "'20", "'20", "'20", "'21", "'21", "'21", "'21", "'21", "'22", "'22", "'22", "'22", "Q1'23"],
      tickPositions: [0, 20, 40, 60, 80, 102],
    },
    series: [{
      data: [4.24, 3.81, 5.02, 3.83, 2.84, 3.01, 3.19, 2.95, 3.42, 2.74, 3.65, 3.87, 3.32, 2.30, 1.95, 0.90, 0.38, 0.52, 1.27, 1.67, 1.97, 1.84, 2.46, 2.26, 2.41, 2.33, 3.28, 3.26, 3.61, 4.50, 5.21, 5.05, 5.11, 3.80, 3.98, 3.54, 4.09, 3.93, 5.07, 4.00, 2.11, 1.37, 0.32, -0.63, -10.94, -13.69, -9.03, -7.32, -3.48, 0.75, 4.32, 5.45, 4.99, 4.01, 4.62, 3.52, 2.97, 2.82, 2.58, 2.77, 2.35, 2.68, 3.86, 3.56, 3.17, 2.52, 2.93, 3.24, 3.26, 3.39, 3.82, 3.68, 3.34, 2.18, 2.13, 2.07, 2.11, 1.77, 1.70, 1.86, 2.07, 2.20, 2.05, 2.09, 1.76, 1.42, 1.00, 1.31, 1.51, 0.98, -1.56, 0.48, 1.30, 2.11, 3.93, 6.63, 7.97, 7.37, 4.80, 0.52, -4.97, -3.16],
    }, {
      data: [0.98, -0.72, -4.39, -10.56, -2.12, -4.81, 9.91, -8.09, -0.74, 2.66, 10.37, 7.81, 3.81, -0.48, 10.92, -2.59, 4.94, 8.30, 4.84, -8.89, 0.18, 1.07, 12.66, 9.69, 9.49, 12.05, -6.12, 8.39, 15.32, -7.44, 14.89, 3.64, 1.74, 15.16, -1.46, 9.62, 9.26, 3.45, -9.57, 2.41, -13.17, 2.14, -5.47, 5.41, -39.05, -32.73, 30.18, 34.59, 9.12, 10.09, -3.99, 13.17, 7.40, 6.49, 3.59, -14.53, 15.28, 10.73, 3.75, 0.01, 2.50, 8.07, -1.58, -3.00, -0.68, 9.98, 7.00, -3.11, 14.34, 4.75, -10.44,...