echarts图表tooltip中嵌套echarts图

 tooltip: {　
        padding: 0,
        position: (point, params, dom, rect, size) => {　　　　
            var html = '<div class="echarts_box"><div class="echarts_box1"></div><div                                               class="echarts_box2"></div><div class="echarts_box3"></div></div>';　　　　
            $(dom).html(html);
            var arr = Array.from(document.querySelectorAll(".echarts_box2"));
            var arr1 = Array.from(document.querySelectorAll(".echarts_box3"));
            var charArr = arr.map(item => echarts.init(item));
            var charArr1 = arr1.map(item => echarts.init(item));　
            var option1 = {
                xAxis: {
                    type: 'category',
                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: [150, 230, 224, 218, 135, 147, 260],
                    type: 'line'
                }]
            };
            var option2 = {
                xAxis: {
                    type: 'category',
                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: [120, 200, 150, 80, 70, 110, 130],
                    type: 'bar',
                    showBackground: true,
                    backgroundStyle: {
                        color: 'rgba(180, 180, 180, 0.2)'
                    }
                }]
            };
            charArr.forEach(item => item.setOption(option1));　
            charArr1.forEach(item => item.setOption(option2));　
        }
    },

最后

以上就是不安太阳为你收集整理的echarts图表tooltip中嵌套echarts图的全部内容，希望文章能够帮你解决echarts图表tooltip中嵌套echarts图所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。