Highcharts Demo

author(s): Torstein Hønsi

by Rajesh Danabal

HTML

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

<div id="container-left" style="height: 400px"></div>
<div id="container-right" style="height: 200px"></div>

JavaScript

Highcharts.chart('container-left', {
  annotations: [{
    "id": "0.6504586695279295",
    "labelOptions": {
      "y": 0,
      "allowOverlap": true,
      "backgroundColor": "transparent",
      "padding": 0,
      "borderWidth": 0
    },
    "labels": [{
      "allowOverlap": true,
      "className": "",
      "shape": "rect",
      "x": 0,
      "y": 0,
      "point": {
        "xAxis": 0,
        "yAxis": 1,
        x:0,
        y:12000
      },
      "text": "<svg id=0.6504586695279295 xmlns=\"http://www.w3.org/2000/svg\" onclick=\"window.showAnnotationPopup(this.id)\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 32 32\" version=\"1.1\">\n            <g id=\"surface17862742\">\n                <path style=\"fill-rule:nonzero;fill:black;fill-opacity:0.5;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:10;\" d=\"M 155.874324 32.242396 L 155.874324 139.757604 L 104.35574 139.757604 L 86 158.092221 L 67.64426 139.757604 L 16.125676 139.757604 L 16.125676 32.242396 Z M 26.877197 129.006083 L 72.101177 129.006083 L 86 142.904906 L 99.898823 129.006083 L 145.122803 129.006083 L 145.122803 42.993917 L 26.877197 42.993917 Z M 123.619762 59.131759 L 123.619762 69.88328 L 48.380238 69.88328 L 48.380238 59.131759 Z M 123.619762 80.634801 L 123.619762 91.365199 L 48.380238 91.365199 L 48.380238 80.634801 Z M 102.11672 102.11672 L 102.11672 112.868241 L 48.380238 112.868241 L 48.380238 102.11672 Z M 102.11672 102.11672 \" transform=\"matrix(0.18493,0,0,0.18493,0.096,0.096)\"/>\n                <path style=\" stroke:none;fill-rule:nonzero;fill:black;fill-opacity:0.5;\" d=\"M 3.078125 6.058594 L 3.078125 25.941406 L 12.605469 25.941406 L 16 29.332031 L 19.394531 25.941406 L 28.921875 25.941406 L 28.921875 6.058594 Z M 5.066406 8.046875 L 26.933594 8.046875 L 26.933594 23.953125 L 18.570312 23.953125 L 16 26.523438 L 13.429688 23.953125 L 5.066406 23.953125 Z M...