javascript - AnyChart のリソース ガントでグラフの高さを変更できない

Question

AnyChartを使用してリソースGanttを表示したいと考えています。すべて問題ありませんが、グラフの高さが小さく (わずか 150 ピクセル)、ブラウザで大きくすることができません。

これは私のデータでも遊び場( https://playground.anychart.com/docs/7.13.1/samples/GANTT_Chart_01-plain ) で動作します。

まったく同じコードをプロジェクトにコピーしましたが、グラフには 150 ピクセルの高さしか表示されません。

JavaScript

    var treeData = anychart.data.tree(data, anychart.enums.TreeFillingMethod.AS_TABLE);

    // chart type
    chart = anychart.ganttResource();
    //chart = anychart.fromJson(ganttdata);
    chart.height(800);

    // chart container
    chart.container("devschedule");

    // chart position
    chart.bounds(0, 0, "100%", "100%");

    // chart data
    chart.data(treeData);

    // data tree width
    chart.splitterPosition(170);

    var dataGrid = chart.dataGrid();

    // settings for first column
    dataGrid.column(0).width(30).title().text("#");

    // settings for the second column
    dataGrid.column(1).width(140).format(function(item) {
    return item.get("name");
    }).title().text("Person");
    // initiate drawing
    chart.draw();

HTML

<div class="col-sm-9 col-md-9" height="500px">
  <div id="devschedule">
  </div>
</div>

何か間違っていることでも？

ありがとう！