2012-01-02 9 views
0

大丈夫ですので、私はハイチャートで散布図をグラフ化しました。シリーズの上にマウスを置くと、他のシリーズのすべてが暗くなるようにしたいです。私はfillOpacityとマーカーの色プロパティを変更しようとしましたが、うまくいかないようです。これは私が現在持っているものです:Highchartsでシリーズの不透明度を変更するにはどうすればよいですか?

series:{ 
    events:{ 
    mouseOver: function(event){ 
    console.log("in"); 
    var series_to_keep = this; 
    $.each(chart.series, function(seriesNo, serie){ 
     serie.hide(); 
    }); 
    this.show(); 
    this.select(true); 
}, 
    mouseOut: function(event){ 
    console.log("out"); 
    console.log(this); 
    $.each(chart.series, function(seriesNo, serie){ 
     if(!serie.visible){ 
      serie.show(); 
     } 
    }); 
},}} 
... 

これは現在、他のシリーズを隠していますが、私はそれらを隠したくありません。ホバー上の他のシリーズのマーカーの不透明度を変更して元に戻すにはどうすればよいですか?どのプロパティを変更する必要があるのか​​わかりません。私は非常に多くのものを見逃してしまっていて、どれもうまくいかないようです。

答えて

2

このdiscussionから、あなたは動的に色を調整するために、このようなものを使用することができます。

serie.color = "#FF00FF"; 
serie.graph.attr({ 
    stroke: '#FF00FF' 
}); 
$.each(serie.data, function(i, point) { 
    point.graphic.attr({ 
     fill: '#FF00FF' 
    }); 
}); 
serie.redraw(); 
+1

マーク、それは素晴らしいです。ありがとうございました。 point.graphic属性のドキュメントはどこですか? – user1126931

+0

@ user1126931の場合、 "graphic"プロパティはレンダリングを行うSVGElementを返します(この場合、SVGCircleElementは "円の点"です)。この要素のドキュメントは、HighCharts固有のものではありません:https://developer.mozilla.org/en/DOM/SVGCircleElementまたはhttp://msdn.microsoft.com/en-us/library/ff972065(v=vs.85) .aspx – Mark

関連する問題