Почему мой курсор в Amcharts «перемещается» на диаграмме?

Question

Почему мой курсор показать это:

Как изменить по умолчанию курсор?

Это мой код конфигурации из amcharts для использования в функции клона на makeChart

var chartConfig = { 
      "type": "serial", 
      "categoryField": "period", 
      "addClassNames": true, 
      "startDuration": 1, 
      "categoryAxis": { 
       "gridPosition": "start" 
      }, 
      "trendLines": [], 
      "graphs": [ { 
       "bulletField": "last", 
       "id": "", // id graph 
       "lineThickness": 4, 
       "title": "Redemption", 
       "valueField": "total", 
       "lineColor": "#ffffff", 
      }], 
      "chartCursor": { 
       "pan": true, 
       "valueLineEnabled": false, 
       "valueLineBalloonEnabled": false, 
       "categoryBalloonEnabled": false, 
       "cursorAlpha":0, 
       "cursorColor":"#000000", 
       "limitToGraph":"", id graph 
       "valueLineAlpha":0, 
       "valueZoomable":true, 

      }, 
      "balloon": { 
       "adjustBorderColor" : false, 
       "borderColor": "#000000" 
      }, 
     } 

я удалить некоторые линии, потому что показать код в основном линии и меньше деталей.

Могу ли я исправить это?

спасибо

Answer 1

Курсор изменяется таким образом, если вы установите pan свойство chartCursor, чтобы верно. Похоже, что у вас на скриншоте очень маленькая диаграмма, поэтому вы можете отключить панорамирование и установить для свойства zoomable значение false, если вы хотите, чтобы диаграмма курсора не масштабировалась.

chartCursor: { 
    pan: false, 
    zoomable: false, 
    // other config 
} 

Demo

В качестве альтернативы, если вам нужна функциональность панорамирования, вы можете изменить курсор с помощью CSS (предполагается, что идентификатор вашей диаграммы Div является chartdiv):

#chartdiv div { 
    cursor: default !important; 
} 

Demo