0

イライラする問題... Highstock を介してチャートをレンダリングしています。正常に動作します。次に、jquery animate を使用して、特定のリンクをクリックしたときにグラフのサイズを縮小しています。も正常に動作します。ただし、アニメーションが完了すると、チャートは元のサイズに戻ります。ブラウザー ウィンドウのサイズを変更すると、グラフが正しいサイズになります (つまり、アニメーションが完了した後のサイズになります)。チャートを再描画する必要があるようです。しかし、再描画オプションを無駄に呼び出してみました。助けてくれてありがとう。

これが私のコードです：

 $("#PriceChart").animate({
   width: "250px"
 }, 1500 );

そして私のチャート：

var pricechart;
$(document).ready(function() {
    pricechart = new Highcharts.StockChart({
        chart : {
            renderTo : 'PriceChart',
            margin: 1
        },
 yadda yadda yadda

jsfiddle の更新: http://jsfiddle.net/GyY9m/8/

4

1 に答える 1

1

内側の div.highcharts-containerは幅と高さが固定されているためです。たとえば、次のように設定できます。

#PriceChart {
    overflow: hidden;
}
于 2013-03-22T10:59:31.203 に答える