student pase2

Kondal

by Kondal Durgam

HTML

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

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

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'areaspline'
  },
  title: {
    text: ''
  },

  xAxis: {
    categories: ['Jan', 'Jan22', 'Today', 'Mar20', 'Apr30', 'Before Mar 2019'],
    title: {
      text: 'here is  X Axis  title',
    },

    plotLines: [{
      color: '#ccc',
      dashStyle: 'shortdash',
      width: 2,
      value: 2
    }]
  },
  yAxis: {
    min: 0,
    max: 100,
    title: {
      text: ''
    }
  },

  tooltip: {
    enabled: false,
  },
  exporting: {
    enabled: false
  },
  credits: {
    enabled: false
  },
  plotOptions: {
    areaspline: {
      stacking: 'normal',
      lineColor: '#ff7c7c',
      lineWidth: 2,
      marker: {
        lineWidth: 2,
        lineColor: '#d6cbc7'
      }
    }
  },
  series: [{
    showInLegend: false,
    name: '',
    color: '#f79696',
    data: [20, 25, 25, 25, 25, 100]
  }]
});