amchart bullet изменить цвет фона при наведении мыши - PullRequest
Новая
       8

amchart bullet изменить цвет фона при наведении мыши

0 голосов
/ 26 сентября 2018

Я использую amchart с реагировать.Я хочу изменить цвет фона маркера с черного на красный при наведении на него маркера.

и есть ли способ добавить указатель мыши на событие addListener ???

enter image description here

 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 ???

1 Ответ

0 голосов
/ 27 сентября 2018

Я понял это.

мы можем использовать как этот метод события 

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