Highcharts Demo
author(s): Torstein Hønsi
by hakan
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px; width: 400px; margin: 0 auto"></div>JavaScript
Highcharts.chart('container', {
title: {
text: 'Custom tick positions'
},
subtitle: {
text: 'through axis.tickPositions and axis.tickPositioner'
},
xAxis: {
type: "categories",
categories: [ "Hejsan", "Hoppsan", "Lilla", "Loppsan", "Tjo", "Fadderittan",
"Hejsan", "Hoppsan", "Lilla", "Loppsan", "Tjo", "Fadderittan",
"Hejsan", "Hoppsan", "Lilla", "Loppsan", "Tjo", "Fadderittan", "Hejsan", "Hoppsan", "Lilla", "Loppsan", "Tjo", "Fadderittan", "Hejsan", "Hoppsan", "Lilla", "Loppsan", "Tjo", "Fadderittan", "Hejsan", "Hoppsan", "Lilla", "Loppsan", "Tjo", "Fadderittan"
],
tickWidth: 1,
tickLength: 5,
tickmarkPlacement: "on",
labels: {
autoRotation: [ -5, -10, -15, -20, -25, -30, -35, -40, -45, -50, -55, -60, -65, -70, -75, -80, -85, -90, -95 ],
rotation: null,
},
tickPositions: null, //[0, 1, 2, 4, 16]
},
yAxis: {
},
series: [{
data: [
["Hejsan", 1, 'Hallå'],
["Hoppsan", 3],
["Lilla", 2],
["Loppsan", 5],
["Tjo", 4],
["Fadderittan", 3],
["Hejsan", 1, 'Hallå'],
["Hoppsan", 3],
["Lilla", 2],
["Loppsan", 5],
["Tjo", 4],
["Fadderittan", 3],
["Hejsan", 1, 'Hallå'],
["Hoppsan", 3],
["Lilla", 2],
["Loppsan", 5],
["Tjo", 4],
["Fadderittan", 3],
["Hejsan", 1, 'Hallå'],
["Hoppsan", 3],
["Lilla", 2],
["Loppsan", 5],
["Tjo", 4],
["Fadderittan", 3],
["Hejsan", 1, 'Hallå'],
["Hoppsan", 3],
["Lilla", 2],
["Loppsan", 5],
["Tjo", 4],
["Fadderittan", 3],
["Hejsan", 1, 'Hallå'],
["Hoppsan", 3],
["Lilla",...