2017-08-03 12 views
0

レンジセレクタが表示されませんが、私はコードにそれを書いています。 私は次のように、変数を使用してグラフを初期化しています機能付きハイチャートで作業範囲セレクタを取得するには?

var chart = Highcharts.chart('chartContainer', { 
    xAxis: { 
     type: 'datetime', 
     tickPixelInterval: 150 
    }, 
    yAxis: { 
     title: { 
      text: 'Érték' 
     }, 
     plotLines: [{ 
      value: 0, 
      width: 20, 
      color: '#FFFFFF' 
     }] 
    }, 
    //animation: Highcharts.svg, 
    boost: { 
     seGPUTranslations: true 
    }, 
    rangeSelector: { 
     buttonTheme: { // styles for the buttons 
      fill: 'none', 
      stroke: 'none', 
      'stroke-width': 0, 
      r: 8, 
      style: { 
       color: '#039', 
       fontWeight: 'bold' 
      }, 
      allButtonsEnabled: true, 
      states: { 
       hover: {}, 
       select: { 
        fill: '#039', 
        style: { 
         color: 'white' 
        } 
       } 
       // disabled: { ... } 
      } 
     } 
    }, 
    title: { 
     text: 'Prociszenzor' 
    }, 
    series: [] 
}); 

あなたはそれがどのシリーズが含まれていない見ての通り、私は別のコードから、それを追加します:

chart.addSeries({ 
    type: 'line', 
    name: dataaa.ertekek[i].neve + " " + dataaa.ertekek[i].mertek, 
    data: [{ 
     y: dataaa.ertekek[i].ertek/100, 
     x: time 
    }] 
}); 

DataaaはJSONからですファイル。 この配列をメインチャート配列にプッシュし、addPoint関数を使用してこれにポイントを追加します。私は放牧選手をしたいと思っていますが、これをどうやって行うのか分かりません。

答えて

1

あなたが期待していることの例は何も掲載していないので、私は推測しています。

私はあなたのコードに基づいて、次のjsfiddleを作りました。 私があなたが投稿したものから、以下の変更を行ったことに注意してください。

<script src="https://code.highcharts.com/stock/highstock.js"></script> 
<script src="https://code.highcharts.com/stock/highcharts-more.js"></script> 

ハイストック・ライブラリーを使用していても、レンジ・セレクターが必要な場合は、必ずご確認ください。私はstockChartするchartを変更highcharts.com/docs/chart-concepts/range-selector

var chart = Highcharts.stockChart('container', { 

参照してください。

+0

hm。私はenabled:trueをコードに書くのを忘れていました。 – jhsznrbt

関連する問題