AmStockChart 창이 창이 가장자리에있을 때 창을 확대합니다.

Question

Here은 AmSerialChart의 예입니다. 스크롤 단추를 사용하여 창 위로 스크롤 할 수 있습니다. 마지막 (또는 시작)에 도달하고 스크롤을 계속하면 창은 동일한 너비를 유지합니다.

Here은 AmStockChart를 사용하는 또 다른 예입니다. 약간 다른 방법을 사용하여 창을 확대합니다. stockCharts에 대한 zoomToIndexes가 없으므로 "확대/축소"방법이 사용됩니다.

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에서 왼쪽으로 스크롤하면 창 크기가 줄어 듭니다. 지금까지 StockChart가 수행하는 동안 SerialChart가 크기를 줄이지 않는 이유를 확인할 수 없었습니다. mouseWheelZoomEnabled를 false로 설정한다고하는 게시물을 발견했지만이 옵션은 StockChart가 아니라 SerialChart 용입니다.

스크롤 이벤트에 listner를 추가하고 왼쪽 또는 오른쪽과 충돌 할 때 창 크기가 줄어드는 것을 방지 할 수 있다고 생각합니다. 그러나 더 나은 이유가 있다고 가정합니다.

내 질문 : AmStockChart에서 창 크기가 줄어들지 않게하려면 어떻게해야합니까?

Answer 1

주식 차트에서 동일한 동작을 수행하려면 panelsSettings에 minSelectedTime을 설정해야합니다. 이 직접 슬라이더를 드래그 할 때 작은 시간 프레임으로 확대에서 스크롤을 방지 할 수 있습니다 :

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

Demo