Highcharts Stock Demo

author(s): Torstein Hønsi

HTML

<div id="container" style="height: 400px; min-width: 600px"></div>

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>

JavaScript

var chart;
$(document).ready(function() {
  chart = new Highcharts.Chart({
     chart: {
        renderTo: 'container',
        defaultSeriesType: 'bar'
     },
     title: {
        text: 'Production journalière'
     },
     subtitle: {
        text: '30 derniers jours'
     },
     xAxis: {
        categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
        title: {
           text: null
        }
     },
     yAxis: {
        min: 0,
        title: {
           text: 'Population (millions) نمونه کلمه', // <<<<<<<<<<<---------------------
           align: 'high'
        }
     },
     tooltip: {
        formatter: function() {
           return ''+
               this.series.name +': '+ this.y +' millions';
        }
     },
     plotOptions: {
        bar: {
           dataLabels: {
              enabled: true
           }
        }
     },
     legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        x: -100,
        y: 100,
        floating: true,
        borderWidth: 1,
        backgroundColor: '#FFFFFF',
        shadow: true
     },
     credits: {
        enabled: false
     },
          series: [{
        name: 'Year 1800',
        data: [107, 31, 635, 203, 2]
     }, {
        name: 'Year 1900',
        data: [133, 156, 947, 408, 6]
     }, {
        name: 'Year 2008',
        data: [973, 914, 4054, 732, 34]
     }]
  });
});