2017-12-01 4 views
0

HereはAmSerialChartの例で、スクロールボタンを使用してウィンドウをスクロールしてデータをスクロールできます。終了(または開始)に達してスクロールを続けると、ウィンドウは同じ幅のままになります。AmStockChartウィンドウがウィンドウの端にあるときにズームする

Hereは、AmStockChartを使用した別の例です。ウィンドウは、少し異なる方法を使用してズームインされます:zoomToIndexesはstockChartsのために存在しません。したがって、「ズーム」メソッドが使用されます。

var chartData = generateChartData(); 
var chart = AmCharts.makeChart("chartdiv", { 
    "categoryAxesSettings": { 
     minPeriod: "fff", 
    }, 
    "chartScrollbarSettings": { 
     graph: "g1", 
     usePeriod: "fff", 
    }, 
    "dataSets": [ 
     { 
      mouseWheelZoomEnabled: false, 
      categoryField: "date", 
      dataProvider: chartData, 
      fieldMappings: [ 
       { 
        fromField: "gg1", 
        toField: "gg1" 
       }, { 
        fromField: "gg2", 
        toField: "gg2" 
       } 
      ], 
     } 
    ], 
    "mouseWheelScrollEnabled": true, 
    "panels": [ 
     { 
      stockGraphs: [ 
       { 
        id: "g1", 
        valueField: "gg1", 
        type: "step", 
       } 
      ], 
     }, { 
      stockGraphs: [ 
       { 
        valueField: "gg2", 
        type: "step", 
       } 
      ], 
     } 
    ], 
    "type": "stock", 
}); 

ストックチャートの左側にスクロールすると、ウィンドウのサイズが小さくなります。 これまでのところ、StockChartは、SerialChartがサイズを縮小しない理由を特定できませんでした。私は、mouseWheelZoomEnabledをfalseに設定しているという記事を見つけましたが、このオプションはStockChartではなくSerialChart用です。

スクロールイベントにリスナーを追加して、左右に衝突したときにウィンドウのサイズが小さくなるのを防ぐことができると思います。もっと良い理由があると思います。

私の質問:AmStockChartでウィンドウのサイズが小さくならないようにするにはどうすればいいですか?

答えて

1

panelsSettingsminSelectedTimeを設定して、株価チャートで同じ動作を達成する必要があります。これはまた、直接のスライダーをドラッグしたときに小さい時間枠にズームからスクロールバーを防ぐことに注意してください:

var chart = AmCharts.makeChart("chartdiv", { 
    panelsSettings: { 
    mouseWheelZoomEnabled: false, 
    minSelectedTime: 4.32e+9, 
    mouseWheelScrollEnabled: true 
    }, 
    // ... 
}); 

Demo

+0

働いたこと!どうもありがとうございました! – Jeffrey

関連する問題