2017-12-09 6 views
0

highchart.jsを使用してツリーチャートを作成しようとしています。highcharts treemap stack Uncaught RangeError:最大呼び出しスタックサイズを超えました

$(function() { 
    // Create the chart 
    $('#container').highcharts({ 
      xAxis: { 
       // Avoid data module setting axis type to category. 
       type: 'linear' 
       }, 
     series: [{ 
      type: "treemap", 
      layoutAlgorithm: 'strip', 
      alternateStartingDirection: true, 

      levels: [{ 
       level: 1, 
       layoutAlgorithm: 'strip', 
       dataLabels: { 
        enabled: true, 
        align: 'left', 
        verticalAlign: 'top', 
        style: { 
         fontSize: '13px', 
         fontWeight: 'bold' 
        } 
       } 
      }] 
     }], 

     title: { 
      text: 'Chart title' 
     }, 
     data: { 
      googleSpreadsheetKey: '1CSSXuFN5lJJedAS7RO-8HkL2VNi_ljtsly5Cnq04V6M', 
      seriesMapping: [{ 
       id: 1, 
     name: 1, 
       value: 2, 
       parent: 3, 
       color: 4 
      }] 
     } 

    }); 
}); 

私はjsfiddleで提供されたデータを使用する場合、それはエラーなしで動作します。私はこのhttps://jsfiddle.net/mushigh/8wmugzx2/?utm_source=website&utm_medium=embed&utm_campaign=8wmugzx2

マイコードに似た何かをやっています。しかし、ソースデータを鉱山で置き換えると、レンジエラーがスローされます。コードは例とほぼ同じです。私はちょうど私のグーグルシートのデータでGoogleトークショートークンを変更しています。例のデータソースへ

リンク:私のデータソースへhttps://docs.google.com/spreadsheets/d/1wYm5waQmiYKGhtdofvXDS8SHdh72Mwcnygvf3bvFfoU/edit#gid=0

リンク: https://docs.google.com/spreadsheets/d/1CSSXuFN5lJJedAS7RO-8HkL2VNi_ljtsly5Cnq04V6M/edit#gid=0

私はこの問題をデバッグすることができません。どんな助けもありがとうございます。

ありがとうございました:)

エラーログ:

[Error] RangeError: Maximum call stack size exceeded. 
toLength (highcharts.js:29:85) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 
(anonymous function) (treemap.js:15:220) 
forEach 
each (highcharts.js:29:85) 
buildNode (treemap.js:15:185) 

答えて

1

スプレッドシートの子供と親列の両方のための最後の行でMultiple Bias Incidentsを持っているようです。

これは、木の構築が再帰的になる可能性があり、子がそれ自身を参照すると、何度も何度もレンダリングしようとする可能性があるためです。あなたはそれを試して、私に知らせてくれますか?

あなたは

MAX STACK ERRORポイントを証明するこれらのサンプルフィドル(ここではエントリAnneの1が同じ値として親とIDを持っている)

NO ERROR(ここではそのような繰り返しはありません)

+0

を確認することができます本当に問題だったNanduに感謝します。私は親を削除し、それは動作します。ありがとう:) –

関連する問題