Highcharts Demo

author(s): Torstein Hønsi

by Murali Kaliappan

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
       
    },
    title: {
        text: 'Average Monthly Temperature and Rainfall in Tokyo'
    },
    subtitle: {
        text: 'Source: WorldClimate.com'
    },
    xAxis: [{
        categories: ['Jan', 'Feb', 'Mar', 'Apr'],        
    }],       
  
    series: [{
        name: 'Rainfall-1',
        type: 'column',        
        data: [49.9, 71.5,46.4,129.2]
        },{
        name: 'Rainfall-2',
        type: 'column',        
        data: [49.9, 71.5,46.4,129.2]
        },{
        name: 'Rainfall-3',
        type: 'column',        
        data: [49.9, 71.5,46.4,129.2]
        }, {
        name: 'Temperature',
        type: 'line',
        dashStyle : "longdashdot",
        data: ["300",300,300,300], 
        marker : {enabled : false},
        enableMouseTracking: false
    },{}]
});