• echarts图表toolbox工具箱配置


     toolbox:{
                                y: '20', 
                                // 工具箱样式配置
                                iconStyle: {
                                    color: "white",
                                    borderColor: "#1890ff"
                                },
                                show: true,
                                feature: {
                                    saveAsImage: {
                                        show:true,
                                    },  
                                    myFull: {
                                    show: true,
                                    title: '全屏查看',
                                    icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
                                    onclick: (e,index) => {
                                        this.fullFlag = true
                                        // 循环图表全屏
                                        console.log('------',index.getDom())
                                        const element = index.getDom()
                                        if (element.requestFullScreen) { // HTML W3C 提议
                                            element.requestFullScreen();
                                            } else if (element.msRequestFullscreen) { // IE11
                                            element.msRequestFullScreen();
                                            } else if (element.webkitRequestFullScreen) { // Webkit (works in Safari5.1 and Chrome 15)
                                            element.webkitRequestFullScreen();
                                            } else if (element.mozRequestFullScreen) { // Firefox (works in nightly)
                                            element.mozRequestFullScreen();
                                            }
                                            // 退出全屏
                                            if (element.requestFullScreen) {
                                            document.exitFullscreen();
                                            } else if (element.msRequestFullScreen) {
                                            document.msExitFullscreen();
                                            } else if (element.webkitRequestFullScreen) {
                                            document.webkitCancelFullScreen();
                                            } else if (element.mozRequestFullScreen) {
                                            document.mozCancelFullScreen();
                                            }
                                    },
                                    }
                                }
                                },
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
  • 相关阅读:
    第2次作业练习题(第三章 指令系统)
    SpringBoot 自定义注解异步记录复杂日志
    简易表白小页面
    vue3打包时如何通过cdn引入echarts
    LINQPad Premium 7.5.14 Crack
    密码学系列之六:公钥密码体制
    学习 Axure RP 的不同阶段
    阿里云服务器内存型20个实例规格性能特点和适用场景汇总
    Java程序设计——PreparedStatement接口和CallableStatement接口(JDBC编程)
    XML的创建和读取
  • 原文地址:https://blog.csdn.net/weixin_38999134/article/details/134037362