scatter with spline

by koh_edwin

HTML

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

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

JavaScript

$(function () {
        $('#container').highcharts({
            chart: {
//                type: 'areaspline'
            },
            legend: {
        			enabled: false
    				},
            tooltip: {
        			enabled: false
    				},
            xAxis: {
        			//labels: {
            	//	enabled: false
        			//}
              visible: false
    				},
            yAxis: {
        			labels: {enabled: false},
              
              title:{enabled: false,},
              gridLineWidth :0,
              min:-12,
              max:12,
              visible: true,
              plotBands: [{ 
                from: -1,
            		to: 1,
            		color: '#E0E0E0'
        			}]
    				},
    				series: [
              {
                name: 'scatter',
                type:'scatter',
                
                marker: {
                	symbol: 'circle',
                	radius: 12,
                  fillColor: '#C0C0C0',
           			},
                data: [
                	[0,0],[0.1,0],[0.2,0],[0.6,0],[0.7,0],
                  [0.7,0],[3,0],[5,0],[6,0]
 								]
            	},
              
              {name: 'marker',
                type:'scatter',
                marker: {
                	symbol: 'triangle-down',
                	radius: 20
           			},
                data: [
                	[2.5,0]
 								]
            	}]
        });
    });