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'）