2016-08-22 5 views
0

複数のパネルを持つAmChart株チャートの実装があります。需要に応じてcomparedプロパティをtrueに設定したグラフを、複数のパネルを含む株価チャートの最初のパネルに追加したいとします。Amchartsの最初のパネルにグラフを追加

どうすればよいですか?我々はこれまでに試した何

は:

我々はtmpchartと呼ばれるAmChartインスタンスにデータ・セットを押してください。最初のパネルの下のパネルにグラフを追加し、インデックス1にグラフを追加しようとすると、グラフは描画されません。私たちは、パネル2のグラフを持っていない場合には、シリーズは、パネル1

tmpchart.dataSets.push({ 
      //title: String(tmpchart.dataSets.length+1) + "th data set", 
      fieldMappings: [{ 
       fromField: "value" + intSegmentAdded, 
       toField: "value" + intSegmentAdded 
      }], 
      dataProvider: newChartData, 
      categoryField: "year", 
      compared: true 
     }); 

    console.log("---printing dataset -----") 
    //console.log(tmpchart.dataSets); 
    console.log(tmpchart.panels[0]); 
    var oldPanel = tmpchart.panels[0]; 

    var graph = new AmCharts.StockGraph(); 
    graph.id = "g" + intSegmentAdded; 
    graph.valueField = "value" + intSegmentAdded; 
    graph.compareField = "value" + intSegmentAdded; 
    graph.comparable = true; 

    graph.compareGraph = {type : "smoothedLine", fillAlphas : 0.15, lineThickness :2 }; 
    oldPanel.addStockGraph(graph); 

The current output

あなたが出力で見ることができるように追加され、青と黄色のシリーズでは、第1〜第追加されます上部のパネルと緑色のパネルがその下のパネルに追加されます。トップパネル(赤いもの)に別の系列を追加しようとすると、配列がdataSetsの配列であっても表示されません。

答えて

2

あなたのコードはそれだけで問題はないようです。あなたのサンプルが欠けているのはvalidateDataです。

Codepen

あなたは私たちがより良いあなたの問題を理解することができますので、より正確に、あなたのシナリオを再現SSCCEを提供することが役に立つかもしれません。

+0

ご回答いただきありがとうございます。私は今後共有するガイドラインに固執します。私はあなたにチェックして元に戻します。 Panel 0でStockgraphのインスタンスを表示/非表示にする方法を教えてください。私はid - g1、g2を知っています。それらを使ってインスタンスを取得できますか? –

+0

パネルの[getGraphById](http://docs.amcharts.com/3/javascriptstockchart/StockPanel#getGraphById)メソッドを使用できます。 'chart.panels [0] .getGraphById( 'g1')' – xorspark

関連する問題