Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 100px;width:150px;"></div>
<div id="container2" style="height: 100px;width:150px;"></div>

JavaScript

$(function() {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container'
        },
    }, function(chart) { // on complete
        chart.renderer.path([
            'M', 11.756, 9.902, 
            'H', 10, 
            'V', 8.141, 
            'H', 2, 
            'v', 1.761, 
            'H', 0.243, 
            'C', 0.109, 9.902, 0, 9.793, 0, 9.659, 
            'V', 3.457, 
            'c', 0, 0.134, 0.109, 0.243, 0.243, 0.243, 
            'H', 2, 
            'v', 2.653, 
            'h', 8, 
            'V', 3.213, 
            'h', 1.756, 
            'C', 11.891, 3.213, 12, 3.323, 12, 3.457, 
            'v', 6.203, 
            'C', 12, 9.793, 11.891, 9.902, 11.756, 9.902, 
            'z', 
            'M', 3, 0, 
            'h', 6,
            'v', 4.733, 
            'H', 3, 
            'V', 0, 
            'z', 
            'M', 9, 11, 
            'H', 3, 
            'V', 8.849, 
            'h', 6, 
            'V', 11, 
            'z']).attr({
            'stroke-width': 0.9,
            stroke: 'black'
        }).add();

    });
        var output = ['M',50,25.405,
                      'c',0,0.656,-0.024,2.311,-0.072,2.955,
                      'C',48.948,41.48,25,82,25,82,
                      'S',0.664,41.105,0.029,27.649,
                      'C',0.01,27.239,0,25.82,0,25.405,
                      'C',0,11.374,11.193,0,25,0,
                      'S',50,11.374,50,25.405,"z"];
    
    
        var letter = [
            "M",14.812,14.502,
            "h",12.094,
            "c",4.896,0,8.207,1.583,8.207,6.372,
            "c",0,2.556,-1.224,4.247,-3.492,5.363,
            "c",3.168,0.899,4.716,3.312,4.716,6.515,
            "c",0,5.22,-4.428,7.451,-9.071,7.451,
            "H",14.812,
            "V",14.502,
            "z", 
            "M",20.463,24.905,
            "h",5.724       ,
            "c",2.016,0,3.455,-0.9,3.455,-3.06,
            "c",0,-2.412,-1.872,-2.952,-3.888,-2.952,
           ...