Weekly Production of PsycINFO

Highcharts

by Nivaldo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/5.0.12/highcharts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/5.0.12/js/modules/exporting.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/5.0.12/js/themes/dark-unica.js"></script>
<div id="container" style="min-width: 400px; height: 350px; margin: 0 auto"></div>

CSS

.highcharts-legend-item {
    /*font: normal smaller arialnarrow;*/
}

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            zoomType: 'xy'
        },
        credits: {
                text: '©2014 American Psychol Assn',
                href: 'http://www.apa.org'
            },
        title: {
            text: 'PsycINFO Weekly Releases'
        },
        subtitle: {
            text: 'Source: stage1.apa.org'
        },
        xAxis: [{
            categories: ['1', '2', '3', '4', '5', '6',
                '7', '8', '9', '10', '11', '12','13',
                        '14','15','16','17','18','19',
                        '20','21'],
            title: { 
                text: 'Weeks Of The Year'
            }
        }],
        yAxis: [{ // Primary yAxis
            labels: {
                format: '{value}',
                style: {
                    color: Highcharts.getOptions().colors[2]
                }
            },
            title: {
                text: 'Correction',
                style: {
                    color: Highcharts.getOptions().colors[2]
                }
            },
            opposite: true

        }, { // Secondary yAxis
            gridLineWidth: 1,
            title: {
                text: 'Total Records',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            labels: {
                format: '{value}',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            }

        }, { // Tertiary yAxis
            gridLineWidth: 0,
            title: {
                text: 'Release',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            },
            labels: {
                format: '{value} k',
                style: {
                    color: Highcharts.getOptions().colors[1]
                }
            },
            opposite: true
        }],
        tooltip: {
      ...