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;
}