I have a Chart where I need to set X axis to a weekly range. Starting from January - march.How can i set the X interval to 7 days range?
What I need is the points to appear every 7 days time period. Tired a few ways but it doesn't seem to work. I have attached what I've done so far.
Highcharts.chart('container', {
title: {
text: 'Fee Collected'
},
subtitle: {
text: 'Actual Vs Budget'
},
yAxis: {
title: {
text: '%'
},
min: 80,
max:120
},
xAxis: {
type: 'datetime',
labels: {
style: {
fontFamily: 'Tahoma'
},
rotation: -45
},
tickInterval: 24 * 3600 * 1000
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle'
},
plotOptions: {
series: {
pointStart: 0
}
},
series: [{
data: [88,90,88,96,97,105,106,110,118],
pointStart: Date.UTC(2010, 0, 1),
pointInterval: 24 * 3600 * 1000 // one day
}]
});
#container {
min-width: 310px;
max-width: 800px;
height: 400px;
margin: 0 auto
}
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container"></div>
See Question&Answers more detail:os