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', '', '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]
    }]
});