Highcharts - Detach last point
by Ben Clayton
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function() {
Highcharts.chart('container', {
chart: {
type: 'column',
backgroundColor: 'rgba(255, 255, 255, 0)',
height: '200px'
},
credits: {
enabled: false
},
title: {
text: '',
align: 'left',
style: {
fontFamily: 'Open Sans',
fontSize: '1.5rem',
color: '#fff'
}
},
subtitle: {
// text: '15,000 STEPS',
text: null,
align: 'right',
style: {
fontFamily: 'Open Sans',
fontSize: '12px',
color: '#fff'
}
},
xAxis: {
type: 'category',
tickLength: 0, //turn off ticks on the bottom line between the values
labels: {
style: {
fontFamily: 'Open Sans',
fontSize: '8px',
color: '#fff'
}
}
},
yAxis: {
min: 0,
visible: true,
tickInterval: 5000,
labels: {
formatter: function () {
return this.value * 0.001 + 'k';
},
style: {
fontFamily: 'Open Sans',
fontSize: '8px',
color: '#fff'
}
},
gridLineDashStyle: 'shortdot',
gridLineColor: 'rgba(255, 255, 255, 0.25)',
showFirstLabel: false, //do not label the 0
showLastLabel: true, //do not label the top line
title: {
text: null //y axis label off
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
borderRadius: 2.5,
className:...