Highcharts Demo

author(s): Torstein Hønsi

by jeffgw

HTML

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

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

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'area',
        inverted: true
    },

    xAxis: {
    		gridLineColor: '#FFF',
        plotBands: [{
            color: '#CCC',
            from: 800.0,
            to:690.0,
            label: {
                text: 'Low Volume Node',
                align: 'center'
            }
        }],
        categories: [313.88, 313.87, 313.86, 313.85, 313.84, 313.83, 313.82, 313.81, 313.8, 313.79, 313.78, 313.77, 313.76, 313.75, 313.74, 313.73, 313.72, 313.71, 313.7, 313.69, 313.68, 313.67, 313.66, 313.65, 313.64, 313.63, 313.62, 313.61, 313.6, 313.59, 313.58, 313.57, 313.56, 313.55, 313.54, 313.53, 313.52, 313.51, 313.5, 313.49, 313.48, 313.47, 313.46, 313.45, 313.44, 313.43, 313.42, 313.41, 313.4, 313.39, 313.38, 313.37, 313.36, 313.35, 313.34, 313.33, 313.32, 313.31, 313.3, 313.29, 313.28, 313.27, 313.26, 313.25, 313.24, 313.23, 313.22, 313.21, 313.2, 313.19, 313.18, 313.17, 313.16, 313.15, 313.14, 313.13, 313.12, 313.11, 313.1, 313.09, 313.08, 313.07, 313.06, 313.05, 313.04, 313.03, 313.02, 313.01, 313.0, 312.99, 312.98, 312.97, 312.96, 312.95, 312.94, 312.93, 312.92, 312.91, 312.9, 312.89, 312.88, 312.87, 312.86, 312.85, 312.84, 312.83, 312.82, 312.81, 312.8, 312.79, 312.78, 312.77, 312.76, 312.75, 312.74, 312.73, 312.72, 312.71, 312.7, 312.69, 312.68, 312.67, 312.66, 312.65, 312.64, 312.63, 312.62, 312.61, 312.6, 312.59, 312.58, 312.57, 312.56, 312.55, 312.54, 312.53, 312.52, 312.51, 312.5, 312.49, 312.48, 312.47, 312.46, 312.45, 312.44, 312.43, 312.42, 312.41, 312.4, 312.39, 312.38, 312.37, 312.36, 312.35, 312.34, 312.33, 312.32, 312.31, 312.3, 312.29, 312.28, 312.27, 312.26, 312.25, 312.24, 312.23, 312.22, 312.21, 312.2, 312.19, 312.18, 312.17, 312.16, 312.15, 312.14, 312.13, 312.12, 312.11, 312.1, 312.09, 312.08, 312.07, 312.06, 312.05, 312.04, 312.03, 312.02, 312.01, 312.0, 311.99, 311.98, 311.97, 311.96, 311.95, 311.94, 311.93, 311.92, 311.91, 311.9, 311.89, 311.88, 311.87, 311.86, 311.85, 311.84,...