

Highchartsで掲題の表示を試みています。

`graphA.addSeries()`メソッドを使いループロジックを組み表示しましたが、最初のグラフAは上手く出来たのですが、グラフBは`graphB.addSeries()`メソッドで以下のエラーになります。

[code]

    NS_ERROR_FAILURE: 
    ...Ga(Z,"dy",M)}P=Z}Ga(Z,C);b.appendChild(Z);z++;if(m){y=y.replace(/-/g,"- ").split...
    
[/code]

お分かりになる方、もしくはアイディアでも結構ですので、ご教示くださいませんでしょうか？

graphA、graphB.は、次ページのような記述をしています。

[code]

    var  graphA = new Highcharts.Chart({
        chart: {
            renderTo: 'graph1_img'
        },
        credits: {
            enabled: false
        },
        title: {
            text: null
        },
    
        // (中略)
    
    });
    var  graphB = new Highcharts.Chart({
        chart: {
            renderTo: 'graph2_img'
        },
        credits: {
            enabled: false
        },
        title: {
            text: null
        },
    
        // (中略)
    
    });
    
    // 表示が正しく出来たgraphA のロジック
    for( var j=1; j < csv_array[0].length; j++ )
    {   // ADD series:
        if( j == 4 || j == 1 )
        {
            graphA .addSeries( { name: dtname[j], data: dataSeries[j],  lineWidth: 0.5 });
        }
        else
        {
            graphA .addSeries( { name: dtname[j], data: dataSeries[j],  lineWidth: 0.5, visible: false });
        }
    }
    
    // 表示がエラーのgraphBの記述
    // この行を削除すると表示は出来ます。
    graphB.addSeries( { name: dtname[17], data: dataSeries[17], lineWidth: 0.5 });
    
[/code]

**ブラウザ**  
Firefox 46.0.1 _2016/05/03  
Chrome 51.0.2704.79 m

**ライブラリ**  
jquery-1.7.2.min.js  
jquery-ui-1.8.20.custom.min.js  
Highcharts JS v2.1.9 (2011-11-11)


CC BY-SA 3.0
2016-06-07T09:43:08.267
26538
2016-06-08T04:49:11.123
2016-06-08T04:49:11.123
3068
16782
question
javascript jquery highcharts
Highchartsで複数をグラフを表示し、同一HTMLで違うグラフをタブ切り替えで表示したい