2016-03-23 13 views
0

Yüksek şerbet işareti boyutuyla ilgili başka bir sorun var. 3 özellik vardır, boyutu bağlıdır: yarıçapı, yükseklik, genişlik.Vurgulayıcı üzerinde/işaretinin üstündeki yüksekteğerler işaret boyutu değişikliği

marker: { 
    height: 50, 
    width: 70, 
    symbol: 'circle' 
} 

grafik işleme edilir: yarıçapı varsayılan değerler arasında, örneğin, bir veri bağlıdır 4. `m ayarı yükseklik ve markör genişliği vardır. İşte, nasıl göründüğü: enter image description here Ancak, vurgulu eylem boyutu değiştikten sonra. RADIUS'un varsayılan değerine geri döner ve yükseklik ve genişlik değerlerimi göz ardı eder: enter image description here

Herhangi bir fikir, nasıl düzeltilir?

+0

Vurgulu durumu el ile aynı değerlere ayarlamayı denediniz mi? Bunun doğru olup olmadığından emin değilsiniz, ancak plotOptions.series.states.hover.marker.width/height öğelerini de ayarlamayı deneyebilirsiniz. – KjetilNordin

+0

@KjetilNordin no. Bu – svatok13

+0

üzerinde herhangi bir tepki yok ** point mouseOver ** ve ** point mouseOut ** olaylarına bir göz atacağım. Referans: http://api.highcharts.com/highcharts#plotOptions.series.point.events.mouseOver | http://api.highcharts.com/highcharts#plotOptions.series.point.events.mouseOut – jlbriggs

cevap

1

Bu işi, Highcharts'ta (veya mouseOver olayını kullanarak) setState yöntemini sarmalayarak yapabilirsiniz.

(function (H) { 
    H.wrap(H.Point.prototype, 'setState', function (p) { 
    p.apply(this, [].slice.call(arguments, 1)); 

    if (this.marker && this.graphic) { 
     this.graphic.attr({ 
     width: this.marker.width, 
     height: this.marker.height 
     }); 
    } 
    }); 
})(Highcharts); 

Ve canlı demo: İşte basit bir örnek http://jsfiddle.net/o5nkeup7/1/ Ben halo devre dışı bırakmak için önermek

- halo yolunu daima dairedir ve sizin durumda çalışmaz.