echarts 事件传值

一、通过元素的自定义属性传值

1、设置
首先在绘制图表的时候，通过 设置自定义 属性设置需要传递的值

            // 设置自定义属性
            $('#pieChartBox').attr("data-hostType",'1'); // 
            pieChart2("pieChartBox",desc,title,data,color);

2、获取
在图表触发事件的时候获取，比如click事件

        myChart.off('click'); // 防止重复绑定事件
        myChart.on('click', function (obj){

            var boxId = obj.event.target.__zr.dom.id; // 获取到绘制图表元素的ID  此处的id为 #pieChartBox
            var _hostType = document.getElementById(boxId).getAttribute("data-hostType");

            // do something

        });

二、通过 option 传值

1、设置
以饼图为例，具体如下：

var option = {
            title : {
                text: '标题',
                x: 25,
                y: 15
            },
            color:  color || ['#C790B8','#88C99E','#FACD8A','#F39E79','#8CCCCB','#3DB8B5','#737373','#FBCCC6'],
            tooltip : {
                trigger: 'item',
                formatter: "{a} <br/>{b} :  {d}%"
            },
            legend: {
                top: '12%',
                right: '5%',
                itemWidth: 10,
                data: ["版本号1","版本号2"]
            },
            calculable : true,
            series : [{
                name: "统计",
                type: 'pie',
                myType: 'mt2',
                radius : '50%',
                center: ['50%', '55%'],
                data: [
                    {name: '版本号1', value: 5 _hostType: '1'},  // 设置数据同时设置需要传递的值
                    {name: '版本号2', value: 20， _hostType: '1'}
                ],
                itemStyle: {
                    emphasis: {
                        borderWidth: 0,
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }]
        };

2、获取
在图表触发事件的时候获取，比如click事件

        myChart.off('click'); // 防止重复绑定事件
        myChart.on('click', function (obj){
            var _hostType = obj.data._hostType; // 获取需要传递的值

            // do something

        });