Highcharts Test 01

by Susan Delgado

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

CSS

.chart {
}
.labels {
}

JavaScript

(function () {
    var chart;
    //Define Options Object
    var optObj = {
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'scatter',
            zoomType: 'xy',
            backgroundColor: 'none',
            resetZoomButton: {
                theme: {
                    fill: '#fff',
                    stroke: '#fff',
                    r: 0,
                    states: {
                        hover: {
                            fill: '#fff',
                            style: {
                                color: '#fff'
                            }
                        }
                    }
                }
            }
        },
        credits: {
            enabled: false
        },
        title: {
            text: ''
        },
        xAxis: {
            title: {
                enabled: true,
                text: ''
            },
            min: -20,
            max: 20,

            startOnTick: true,
            endOnTick: true,
            showFirstLabel: false,
            showLastLabel: false,
            labels: {
                formatter: function () {
                    if (this.value == 0) {
                        return '<span style="color:#999; font-size:8pt; font-weight:bold;">' + this.value + '</span>';
                    } else {
                        return '<span style="color:#999; font-size:8pt; font-weight:normal;">' + this.value + '</span>';
                    }
                }
            },
            plotBands: [{
                color: '#fff',
                from: -1,
                to: 1,
                label: {
                    text: '',
                    verticalAlign: 'bottom',
                    y: 15
                }
            }],
        },
        yAxis: {
            title: {
                text: ''
            },
            lineWidth: 4,
            lineColor: '#fff',
            min: -100,
            max: 100,
            startOnTick:...