Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="https://code.highcharts.com/stock/highstock.src.js"></script>

<div id="container" style="height: 400px; min-width: 310px">
  <div id="lastprice" style="position:absolute;x:0">
  </div>
</div>

JavaScript

$(function() {
var chart, yAxis, plotbandLabel, pathLine
            labelOffset = 15;

  Highcharts.setOptions({
    global: {
      useUTC: false
    }
  });

  // Create the chart
  $('#container').highcharts('StockChart', {
    chart: {
      events: {
        load: function() {
          chart = this;
          yAxis = chart.yAxis[0]
            var series = chart.series[0],
            lastPoint = series.points[series.points.length - 1],
            initialValue = yAxis.toPixels(lastPoint.y),
            //plotbandLabel,
            plotLine,
            newY,
            d;

          /*var svgGroup = this.renderer.g()
            .attr({
              zIndex: 99
            }).add()*/

          pathLine = this.renderer.path([
              'M',
              chart.plotLeft, initialValue,
              'L',
              chart.plotWidth + chart.plotLeft,
              initialValue
            ])
            .attr({
              'stroke-width': 0,
              stroke: 'red'
            })
            .add();

          plotbandLabel = this.renderer.label(
              (66).toFixed(2),
              chart.plotLeft + chart.plotWidth,
              yAxis.toPixels(66) - labelOffset,
              'rect'
            )
            .css({
              'color': 'black',
              'z-index':'999'
            }).attr({
              align: 'right',
              fill: 'rgba(0, 0, 0, 0)',
              padding: 8,
              zIndex: 999
            })
            .add();
            
         
                    
             /*markerLabel = this.renderer.label(
              (55).toFixed(2),
              chart.plotLeft + chart.plotWidth,
              yAxis.toPixels(55) - labelOffset,
              'rect'
            )
            .css({
              color: 'white'
            }).attr({
              align: 'right',
              fill: 'red',
              padding: 8,
              zIndex: 997
            })
            .add();*/                    

 ...