0

最新コードでリサイズする方法。例は現在使用しています

chart = $('#theChart').highcharts({

HighStockChart を新しくする代わりに

chart = new Highcharts.StockChart({

チャート変数を割り当てる新しい方法が機能しているかどうかはわかりませんが、chart.setSize は確実に機能しなくなりました。私はこのサイズ変更コードを持っていました...

$(window).resize(function () {
    var height = getHeight();
    console.log('fit new div container size, width='+$("#theChart").width()+' height='+height+' windowH='+$(window).height());
    chart.setSize($("#theChart").width(), height, false);
});

setSize を呼び出すと壊れます。グラフの幅は自動的に変更されますが、高さは変更されなくなりました。サイズ変更時にdivの高さを設定しようとしましたが、まったく機能しませんでした。ウィンドウに収まるようにグラフのサイズを動的に変更する方法。

（私のズームパネルも完全に壊れました...それを元に戻す必要があるので、その良い例はありますか）。

ありがとう、ディーン

4

3 に答える 3

1

最新バージョンでは、まだ最初の構築を使用できます: http://jsfiddle.net/L6hpm/

chart = new Highcharts.StockChart({
        chart:{
            renderTo:'container'
        },

使用できる2番目のソリューション：

http://jsfiddle.net/NbHj9/

 var chart = $('#container').highcharts();

        chart.setSize(100,100);
于 2013-05-22T09:26:27.437 に答える
1

呼び出しchart = new Highcharts.StockChart(options)てグラフを作成することもできます。

ただし$("#container").highcharts(options);、Highcharts チャートではなく、jQuery オブジェクトを返すようになりました。作成された ID からチャートを取得するには: $("#container").highcharts();(empty highcharts())

于 2013-05-22T09:25:51.293 に答える
0

これを使用しない理由:

var chartOptions = {
    chart: {
        renderTo: '[id of div]',
    },
    xAxis:{

    },
     ...
    series:{

    },
};

var chartName = new Highcharts.chart({chartsOptions});

これは間違いなくうまくいくはずです.... chartName.setOptions() を使用してサイズを設定するだけです

于 2013-10-07T20:24:40.300 に答える