Dual axes, line and column

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>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>

<figure class="highcharts-figure">
    <div id="container"></div>
</figure>

CSS

#container {
    height: 600px;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

JavaScript

data = [[2849.75, 2845.25, 2842.25, 2844.0, 2843.25, 2844.0, 2844.5, 2842.0, 2843.75, 2847.0, 2842.5, 2838.5, 2839.5, 2842.0, 2843.75, 2847.0, 2846.25, 2845.75, 2847.75, 2846.0, 2846.25, 2844.75, 2843.0, 2845.0, 2843.75, 2846.25, 2849.0, 2850.5, 2852.0, 2851.75, 2851.0, 2848.5, 2849.75, 2845.75, 2849.0, 2849.25, 2850.75, 2848.0, 2850.75, 2851.25, 2850.5, 2848.75, 2846.75, 2840.0, 2840.0, 2833.5, 2835.0, 2834.25, 2833.0, 2833.5, 2834.5, 2834.5, 2831.25, 2834.25, 2834.75, 2836.5, 2837.5, 2837.75, 2836.75, 2835.0, 2835.0, 2833.5, 2832.5, 2830.0, 2829.75, 2827.75, 2830.0, 2830.75, 2827.5, 2831.0, 2833.5, 2834.0, 2832.75, 2833.0, 2830.25, 2828.25, 2828.25, 2826.5, 2824.75, 2823.5, 2826.25, 2826.5, 2827.0, 2827.75, 2831.0, 2831.25, 2833.0, 2833.5, 2832.0, 2831.0, 2832.75, 2835.0, 2836.5, 2836.0, 2834.0, 2833.5, 2835.25, 2835.75, 2836.5, 2835.0, 2833.75, 2831.5, 2830.0, 2830.5, 2831.5, 2832.0, 2828.75, 2826.75, 2828.5, 2830.25, 2828.25, 2825.25, 2827.25, 2828.0, 2827.5, 2827.25, 2824.75, 2822.0, 2823.0, 2824.5, 2826.5, 2825.75, 2823.75, 2827.5, 2830.5, 2831.25, 2832.0, 2833.25, 2833.5, 2833.0, 2833.75, 2835.0, 2834.75, 2833.5, 2832.25, 2833.5, 2833.0, 2834.5, 2833.0, 2834.5, 2831.0, 2833.0, 2834.5, 2835.25, 2834.0, 2835.0, 2832.75, 2830.5, 2831.75, 2832.25, 2830.0, 2829.0, 2830.0, 2829.75, 2829.5, 2830.5, 2832.5, 2830.25, 2830.0, 2828.25, 2827.75, 2827.75, 2829.5, 2832.25, 2831.75, 2831.25, 2833.5, 2835.25, 2835.0, 2836.25, 2835.5, 2834.0, 2834.25, 2833.25, 2832.25, 2830.75, 2829.5, 2830.25, 2831.75, 2830.75, 2831.5, 2832.5, 2833.75, 2833.0, 2834.5, 2835.0, 2835.75, 2838.25, 2839.75, 2838.0, 2837.75, 2839.25, 2839.5, 2840.0, 2839.0, 2838.0, 2837.75, 2838.75, 2840.0, 2843.0, 2841.75, 2841.25, 2842.25, 2843.5, 2843.5, 2842.75, 2842.25, 2841.75, 2840.75, 2840.75, 2839.0, 2841.5, 2843.5, 2841.5, 2840.5, 2841.5, 2840.25, 2841.25, 2841.25, 2842.75, 2842.0, 2840.75, 2841.5, 2840.75, 2839.75, 2840.5, 2840.75, 2842.75, 2842.75, 2844.5, 2842.5, 2841.75, 2840.25, 2837.75, 2839.0,...