Highcharts Demo

author(s): Torstein Hønsi

by sgearhart2

HTML

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

JavaScript

$(function () {
    var chart = new Highcharts.Chart({
        "chart": {
            "renderTo": "nonopec_production",
            "zoomType": "x",
            "marginTop": 70,
            "marginBottom": 75
        },
        "credits": {
            "enabled": false
        },
        "title": {
            "text": "Non-OPEC liquid fuels production and WTI crude oil prices",
            "align": "left",
            "x": 5,
            "y": 20,
            "style": {
                "color": "black",
                "fontWeight": "bold",
                "fontSize": "16px",
                "fontFamily": "Arial"
            }
        },
        "xAxis": {
            "type": "datetime",
            "tickInterval": 31536000000,
            "endOnTick": true,
            "lineColor": "#a8a9a9",
            "labels": {
                "y": 20,
                "style": {
                    "color": "black",
                    "fontFamily": "Arial"
                }
            }
        },
        "navigation": {
            "buttonOptions": {
                "y": 0
            }
        },
        "legend": {
            "enabled": true,
            "layout": "horizontal",
            "align": "center",
            "verticalAlign": "bottom",
            "y": -20,
            "borderWidth": 0,
            "symbolPadding": 5,
            "itemStyle": {
                "fontFamily": "Arial",
                "color": "#189bd7",
                "textDecoration": "none"
            },
            "itemHoverStyle": {
                "fontFamily": "Arial",
                "color": "#189bd7",
                "textDecoration": "underline"
            }
        },
        "tooltip": {
            "style": {
                "padding": 5,
                "fontFamily": "Arial"
            }
        },
        "yAxis": [{
            "title": " ",
            "min": -1,
            "tickInterval": 0.5,
            "plotLines": [{
                "color": "black",
               ...