I wish the oper series were at the bottom of the chart panning. But it comes up.
If the chart is selected and moved, the translate value loses the top setting and is set to the initial value.
Code: Select all
Highcharts.chart( chartKind+'Chart', {
credits : {
enabled:false,
},
navigator: {
enabled: false
},
chart: {
panning: {
enabled: true,
type: 'xy'
},
zoomType: 'xy',
pinchType :'xy',
},
tooltip: {
enabled : false,
followTouchMove : false,
shared: true,
},
xAxis: {
type: 'datetime',
minTickInterval : 60 * 10000,
dateTimeLabelFormats : {
minute: '%e. %b %H:%M',
hour: '%e. %b %H:%M',
day: '%e. %b %H:%M',
},
scrollbar:{
enabled : true
},
width: "95%",
offset: 10,
},
yAxis: [{
scrollbar: {
enabled: true
},
height: '90%',
labels : {
format: '{value:,.0f}',
},
title : {
text : yTitle,
offset: -20,
align: 'high',
rotation: 0,
x : 0,
y: -20
},
endOnTick: true,
tickPixelInterval : 50,
},
{
zoomEnabled: false,
categories : ["OFF","ON"],
top: '90%',
height: '10%',
gridLineWidth : 0,
title : {
offset: -10,
align: 'high',
text : "Oper",
rotation: 0,
x : 0,
y: -20
},
opposite: true
},
],
plotOptions: {
series: {
lineWidth: 1,
marker: {
radius: 1
},
allowPointSelect: true,
states: {
inactive: {
enabled: false
}
},
},
series: seriesOption ,
responsive: {
rules: [{
condition: {
maxWidth: 500
},
chartOptions: {
}
}]
}
});