tipos - highcharts tooltip not working

Cambiar el zoom Tipo de forma dinámica?

Question

Quiero cambiar el tipo de zoom de "x" a "xy" sin crear una nueva instancia, quiero hacerlo como el método de actualización () que tienen ... ubicado en myChart.options.chart.zoomType

Answer 1

Con Highcharts v5 ahora puede hacer esto:

chart1.update({chart: {zoomType: "y"}})

La función de update dinámicamente las opciones de gráfico para cambiar zoomType la renderización de post de zoomType .

Answer 2

Primero, prepare una cadena para que se muestre el gráfico

Clonar serie para volver a dibujar, ya que los diagramas altos lo configuran nulo después del sorteo.

var seriesClone=[{
name: ''USD to EUR'',
data: [1,2,3,4,4,5,6,7,7,8,8,8,9,10,14]
}]

Opciones de serie para SET

 var chartOptions={
chart: {
renderTo:''container'',
zoomType: ''xy''
},
rangeSelector: {
selected: 1
},
series: [{
name: ''USD to EUR'',
data: [1,2,3,4,4,5,6,7,7,8,8,8,9,10,14]
}]
}
var chart = new Highcharts.StockChart(chartOptions);

Y cuando desee cambiar el valor de ZoomType redeclare el gráfico como este

 chartOptions.chart.zoomType=''y'';
chartOptions.series=seriesClone;
myChart=new Highcharts.StockChart(chartOptions);

Ejemplo de trabajo JSFIDDLE

Answer 3

Puedes hacer algo como esto:

var chart1 = new Highcharts.StockChart({
chart: {
zoomType: ''xy'', //requried!
...
}
...
});
function SwitchToZoomX() {
chart1.pointer.zoomX = true;
chart1.pointer.zoomY = false;
chart1.pointer.zoomHor = true;
chart1.pointer.zoomVert = false;
}
function SwitchToZoomY() {
chart1.pointer.zoomY = true;
chart1.pointer.zoomX = false;
chart1.pointer.zoomVert = true;
chart1.pointer.zoomHor = false;
}