Hello,howdoIleavethevaluesofY|proportionalwithoutchangingthevaluesforbettervisualizationofthedata
$(function(){$(document).ready(function(){Highcharts.setOptions({global:{useUTC:false}});varsocket=io();socket.emit('acc','operacoes');socket.on('operacoes',function(data){varoperacoes=data;$('#container').highcharts({chart:{type:'areaspline',backgroundColor:'none',animation:Highcharts.svg,//don'tanimateinoldIEspacingBottom:0,spacingTop:0,spacingLeft:0,spacingRight:0,marginLeft:0,events:{load:function(){setInterval(function(){socket.emit('acc','operacoes_ligacoes');},1000);varchart=this;socket.on('qtd_ligacoes',function(data){varx=(newDate()).getTime();for(variindata){chart.series[i].addPoint([x,data[i]],true)};//Updatex-axisrange//chart.xAxis[0].setExtremes((newDate).getTime()-3600,(newDate).getTime());});setInterval(function(){chart.xAxis[0].update({min:(newDate()).getTime()-12000});},60000);}}},//categories:categorias,title:{text:'Entradaesaidadechamadas'},xAxis:{type:'datetime',tickPixelInterval:150,labels:{enabled:false}},yAxis:{title:false,opposite:true,minTickInterval:1,min:0,plotLines:[{value:0,width:1,color:'#808080'}]},tooltip:{formatter:function(){return'<b>'+this.series.name+'</b>'+Highcharts.numberFormat(this.y,2);+'<br/>'}},credits:false,legend:{layout:'vertical',align:'left',verticalAlign:'top',x:9,y:10,floating:true,backgroundColor:(Highcharts.theme&&Highcharts.theme.legendBackgroundColor)||'rgba(255,255,255,0.8)',labelFormatter:function(){return'<divstyle="text-align: left; width:130px;float:left;">' + this.name + '</div> <div style="width:40px; float:left;text-align:right;">' + '</div>';
}
},
exporting: {
enabled: false
},
plotOptions: {
areaspline: {
marker: {
enabled: false
}
},
dataLabels: {
enabled: false,
formatter: function() {
return this.y;
}
},
series: {
fillOpacity: 1,
background: 'none',
pointPadding: 0,
groupPadding: 0,
},
},
series: operacoes
});
});
});
});