echarts点击事件.点击一个图标,改变某个值.

Question

点击其中一个图,改变另一个图的某个值,就比如说颜色吧

$(function (){

var color=true;

 getecharts('a',color);

 getecharts('b',!color)

function getecharts(id,color){

       var ballColor;

         if (color) {

            ballColor = "red"

        } else {

            ballColor = 'gray'

        }

    var dom = document.getElementById(a);

    var myChart = echarts.init(dom);   

    myChart.setOption(

    option={

    ...........

        color: [ballColor]

    }

    )

}

  myChart.on('click', function (params) {

            alert(1)

        });

)

}

这里alert(1)没效果 要怎么点击改变值啊

Answer 1

将变量myChart声明为全局变量，当下变量myChart为局部变量，函数外是访问不到的，不妨打印下myChart看看！console.log(myChart);

Answer 2

你的myChart是局部变量因为你是调两次所以用全局接受不好分别两个可以把，mychart返回出去然后 var charts1 =getchart（'a'）