3

円グラフのスライスがホバーされると、指定されたホバー色に変更され、マウスがそのスライスから外れると元の色に戻ります。

ここのドキュメント（http://api.highcharts.com/highcharts#plotOptions.series.marker.states.hover）では、次のように動作するように見えましたが、うまくいきませんでした：

http://jsfiddle.net/pixeloco/ztJkb/3/

plotOptions: {
   series: {
      marker: {
        states: {
          hover: {
            fillColor: 'black'
          }
        }
      }
   }
},

私はこのソリューションhttp://jsfiddle.net/r6p7E/6/を見つけましたが、すべてのスライスが同じ色である必要があります。ホバー時に色が変わるスライスを含む多色チャートを作成する方法はありますか?

4

1 に答える 1

11

これらのオプションが必要なようです：

    series: {
        states: {
            hover: {
                enabled: false
            }
        },
        point: {
            events: {
                mouseOver: function () {
                    this.options.oldColor = this.color;
                    this.graphic.attr("fill", "black");
                },
                mouseOut: function () {
                    this.graphic.attr("fill", this.options.oldColor);
                }
            }
        },
    }

フィドルの例

于 2013-08-27T20:39:55.377 に答える