amchart 项目符号通过鼠标悬停更改背景颜色答案

【问题标题】：amchart bullet change background color by mouse hoveramchart 项目符号通过鼠标悬停更改背景颜色
【发布时间】：2018-09-26 10:47:28
【问题描述】：

我正在使用带有反应的 amchart。当我悬停项目符号时，我想将项目符号背景颜色从黑色更改为红色。

有没有办法在 addListener 事件上添加子弹鼠标？？？

 const config = {
        "listeners": [
            {
                "event": "changed",
                "method": (e) => {
                    this.changeChart(e)
                }
            }
        ],
        "type": "serial",
        "addClassNames": true,
        "theme": "light",
        "marginRight": 80,
        "marginLeft": 40,
        "autoMarginOffset": 20,
        "mouseWheelZoomEnabled": false,


        "balloon": {
            "adjustBorderColor": true,
            "color": "#000000",
            "cornerRadius": 3,
            "borderColor": "#dddddd",
            "borderThickness": 0,
            "fillColor": "#FFFFFF",
            "drop": true,
            "fillAlpha": 0,
            "horizontalPadding": 0,
            "verticalPadding": 0,
            "pointerOrientation": "down"
        },
        "graphs": [{
            "bullet": "round",
            "bulletSize": 10,
            "customBulletField": "customBullet",
            "bulletBorderAlpha": 1,
            "bulletHitAreaSize" : 0,
            "bulletColor": "#919191",
            "bulletBorderThickness": 1,
            "fillAlphas": 0,
            "fillColorsField": "lineColor",
            "legendValueText": "[[value]]",
            "lineColorField": "lineColor",
            "title": "value",
            "valueField": "value",
            "balloonText": '',
            "balloonFunction": function (item) {
                return makeBalloonHtml(item.dataContext.value, item.dataContext.changeValue);
            }
        }],
        "chartCursor": {
            "categoryBalloonDateFormat": "YYYY MMM DD",
            "cursorAlpha": 0,
            "fullWidth": false,
            "categoryBalloonEnabled": false,

        },
        "categoryField": "date",
        "categoryAxis": {
            "parseDates": true,
            "gridAlpha": 0,

        },
        "valueAxes": [{
            "dashLength": 3,
            "axisAlpha": 0.1,
            "minimum": 0,
            "maximum": this.state.maxValue + (this.state.maxValue / 4.5)
        }],
        "dataProvider": this.state.dataProvider
    };

我正在使用带有反应的 amchart。当我悬停项目符号时，我想将项目符号背景颜色从黑色更改为红色。

有没有办法在 addListener 事件上添加子弹鼠标？？？

【问题讨论】：

标签： javascript css reactjs amcharts

【解决方案1】：

我想通了。

我们可以像这样使用事件方法

{
   "event": "rollOverGraphItem",
   "method": (e) => {
       console.log("rollOverGraphItem");
   }
},
{
   "event": "rollOutGraphItem",
   "method": (e) => {
       console.log("rollOutGraphItem")
   }
}

【讨论】：