0

アプリケーションを Highcharts 3.0 にアップグレードしたところ、新しいエクスポート ボタンがチャート レンダラーを使用して描画されたオブジェクトで覆われているように見えます。これは 2.3.3 では当てはまりませんでした。

http://jsfiddle.net/YcJ6U/1/を参照してください。

プロットを生成するコードは次のとおりです。

$(function () { $('#container').highcharts({

    chart: {
        events: {
            load: function(event) {
                drawBox(this);
            }
        }
    },
    credits: {
        enabled: false
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }],

    exporting: {
        buttons: {
            contextButton: {
                symbol: 'circle',
                symbolStrokeWidth: 1,
                symbolFill: '#bada55',
                symbolStroke: '#330033',
                align: 'left'
            }
        }
    }

}, function(chart) {
    //drawBox(chart)
});

function drawBox(chart) {
    chart.renderer.rect(25, 0, 100, 100, 5)
        .attr({
            'stroke-width': 2,
            stroke: 'red',
            fill: 'yellow'               
        }).add();        
}

}); 誰でもこれに対する解決策を提供できますか?

4

3 に答える 3

2

これがいつ変更されたのかはわかりませんが、Highcharts は SVG を使用してボタンと四角形の両方をレンダリングしています。要素の重なり順は、描画された順序に基づきます。rectonload を描画すると、ボタンの後に描画されます。これを修正する唯一の方法は、チャートを描画してボタンを一番上に戻すことだと思います。

chart.exportSVGElements[0].toFront()

または、zIndex のない最初のリンクの状態に戻ります :)

ここでフィドルを更新しました。

于 2013-04-05T17:23:45.120 に答える
0

ハイチャート 6.0.4 の場合:

   exporting: {
                buttons: {
                    contextButton: {
                        theme: {
                            style: {
                                zIndex: 9999
                            }
                        }
                    }
                }
  }
于 2018-04-04T19:26:35.863 に答える