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

如果将chartCursor的pan属性设置为true，则光标会以这种方式更改。您的屏幕截图中似乎有一个非常小的图表，因此如果您想要一个不会缩放的chartCursor，您可以禁用该平移并将zoomable属性设置为false。

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

Demo

或者，如果您需要平移功能，可以使用css覆盖光标（假设您的图表div的id为chartdiv）：

#chartdiv div { 
  cursor: default !important;
}

Demo

为什么我在Amcharts中的光标“移动”悬停在图表中？

1 个答案: