Highcharts Demo

author(s): Torstein Hønsi

by Stéphane Cabaret

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>

CSS

#container {
  height: 300px;
}

JavaScript

var chart = Highcharts.chart('container', {

  title: {
    text: 'Highcharts responsive chart'
  },

  series: [{
    data: [434, 523]
  }],

  responsive: {
    rules: [{
      condition: {
        maxWidth: 500
      },
      chartOptions: {
        title: {
          text: 'condition1'
        }
      }
    }, {
      condition: {
        maxWidth: 300
      },
      chartOptions: {
        title: {
          text: 'condition2'
        }
      }
    }]
  }
});