Highchart Large Data Sets

by jacobwsmith

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>


<div id="container" style="height: 400px; min-width: 310px"></div>

JavaScript

Highcharts.theme = {
            colors: [
                "#006699", // Blue
                "#44AAAA", // Aqua
                "#447733", // Green
                "#BBAA44", // Gold
                "#CC7711", // Orange
                "#993344", // Red
                "#AA55AA", // Pink
                "#552288", // Purple
                "#999999", // Grey
                "#7799BB", // Light Blue
                "#AACCCC", // Light Aqua
                "#88AA77", // Light Green
                "#EEDD55", // Light Gold
                "#DDAA77", // Light Orange
                "#CC7788", // Light Red
                "#DDCCDD", // Light Pink
                "#9977BB", // Light Purple
                "#777777" // Dark Grey
            ],
            chart: {
                backgroundColor: null,
                style: {
                    fontFamily: "Helvetica Neue"
                }
            },
            exporting: {
                enabled: false
            },
            credits: {
                enabled: false
            },
            title: {
                style: {
                    fontSize: '14px',
                    fontWeight: 'inherit',
                    textTransform: 'uppercase'
                },
                align: 'left',

            },
            tooltip: {
                borderWidth: 0,
                backgroundColor: 'rgba(219,219,216,0.8)',
                shadow: false
            },
            legend: {
                itemStyle: {
                    fontWeight: 'bold',
                    fontSize: '13px'
                }
            },
            xAxis: {
                //   gridLineWidth: 1,
                labels: {
                    style: {
                        fontSize: '12px'
                    }
                }
            },
            yAxis: {
                //   minorTickInterval: 'auto',
                title: {
                    style: {
                        textTransform:...