daily normal distribution
by jpeter06
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 () {
var chart;
var med=-0.08;
var dev=1.51;
var datos=[];
var lista=[0,2];
for(var i=-10;i<=10;i=i+2){
//var aux2={ y:aux,x:mean, marker: { radius: 5, lineColor: '#666666', lineWidth: 1 ,fillColor:"#ffa400" }};
var y=1/(Math.sqrt(2*Math.PI*dev))*Math.exp(-(med-i)*(med-i)/(2*dev*dev));
if(lista.indexOf(i)!=-1)
datos[datos.length]={x:i,y:y,marker: { radius: 5, lineColor: '#666666', lineWidth: 1 ,fillColor:"#ffa400" }};
else
datos[datos.length]={x:i,y:y};
}
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'spline',
inverted: false,
style: {
margin: '0 auto'
}
},
title: {
text: 'Daily Normal Distribution'
},
xAxis: {
labels: {
formatter: function() {
return this.value +'%';
}
},
maxPadding: 0.05,
minPadding: 0.05
},
yAxis: {
enabled:false,
endOnTick: false,
title: {
text: 'value'
},
labels: {
formatter: function() {
return this.value;
}
},
lineWidth: 2
},
legend: {
enabled: false
},
tooltip: {
formatter: function() {
return (lista.indexOf(this.x) != -1?
Highcharts.numberFormat(this.x, 2) +' % ':false);
}
},
plotOptions: {
spline: {
dataLabels: {
...