2015-11-13 23 views
5

Zumlanabilir grafikler oluşturulabilir ve zaten yakınlaştırılmış olabilir. X ve y ekseninde zumlanabilir ve belirli değerlere yakınlaştırılmış hale getirmek isteyen bir dağılım grafiği kullanıyorum.HighCharts render grafiği zaten

Grafiği tanımlarken belirleyebileceğim herhangi bir varsayılan yakınlaştırma seçeneği var mı? İşte

grafiğin çalışma örneğidir: Chart Example

$('#container').highcharts({ 
    chart: { 
     type: 'scatter', 
     zoomType: 'xy' 
    }... 
+1

Böyle bir seçenek olduğunu sanmıyorum. [burada] (https://gist.github.com/smehan/efa41c974df38d78db3f) tüm seçeneklerin oldukça kapsamlı bir hilesidir. –

+0

Yea, Dokümanlarında hiçbir şey bulamadım. Sadece yakınlaştırma tipi hakkında bilgi. –

cevap

2

chart.zoom işlevin kullanılabilir (ancak bu kullanım için tasarlanmamıştır), ama normal olarak bir sürükle olaydan epeyce parametreleri alır. grafik oluşturulduktan sonra boşalmış gibi en azından böyle yapılabilir:

$('#container').highcharts({ 
    // ... 
}, function() { 
    this.zoom({ 
     xAxis: [{ min: 25, max: 30, axis: this.xAxis[0] }], 
     yAxis: [{ min: 0, max: 300, axis: this.yAxis[0] }] 
    }); 
}); 

bir örnek için this CodePen bakınız. Manuel bir seçim yaparsanız, bu işlevin orijinal girişini kaydettim.