Highcharts Demo

author(s): Torstein Hønsi

by prozoroff

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px"></div>

JavaScript

var renderer;
$(function () {
    renderer = new Highcharts.Renderer(
        $('#container')[0],
        400,
        300
    );
    
        
        var element1 = renderer.createElement("text")
                                    .attr({
                                        text: "Test string",
                                        x: 100,
                                        y: 100,
                                        id: "123"
                                    }).add();
        
var element2 = renderer.createElement("text")
                                    .attr({
                                        text: "Test string",
                                        x: 100,
                                        y: 200,
                                        id: "234"
                                    }).add();

   var bbox1 =  element1.getBBox();
   var bbox2 =  element2.getBBox();
    


        renderer.rect(bbox2)
        .attr({
            'stroke-width': 2,
            stroke: 'red',
            fill: 'yellow',
            opacity: .3
        })
        .add();
        });