Highcharts Demo

author(s): Torstein Hønsi

by reneflorendo

HTML

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

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
    
        chart: {
            renderTo: 'container',
          zoomType:'xy'
        },
    
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        
        tooltip: {
            shared: true,
            useHTML: true,
          headerFormat: '<small>{point.key}</small><div style="height:100px;overflow:auto"><table>',
            pointFormat: '<tr><td>sdsd</td></tr><tr><td>sdsd</td></tr><tr><td>sdsd</td></tr><tr><td>sdsd</td></tr><tr><td>sdsd</td></tr><tr><td>sdsd</td></tr><tr><td>sdsd</td></tr><tr><td style="color: {series.color}">{series.name}: </td>' +
            '<td style="text-align: right"><b>{point.y} EUR</b></td></tr>',
            footerFormat: '</table></div>',
            valueDecimals: 2
        },
    
        series: [{
            name: 'Short',
            data: [ 95.6, 54.4]
        }, {
            name: 'Long named series',
            data: [194.1, 195.6, 154.4].reverse()
        }]
    
    });
});