动态添加echarts_jq 动态生成echart_奶糖丫的博客-程序员宅基地

技术标签: echarts  jquery  数据可视化  

首先创建需要echarts插入进去的盒子

<!-- 点击的按钮 -->
<div class="btn">点击</div>
<!-- 需要添加echarts的盒子 -->
 <div class="cont"></div>

然后引入需要的jquery.js和echarts.js
最后写能达成我们想要的效果的js

$(function(){
        $('.btn').click(function(){
        //创建并插入盒子
            $('.cont').append('<div class="box"></div>')
            var c1 = $('.box').children('.c1');
            //判断插入的盒子里是否有我们插入的echarts盒子
            if(c1.length == 0){
            // 如果没有就添加一个
                $('.box').append('<div class="c1" style="width:100%;height:100%;"></div>')  
            }else if(c1.length>0){
                $('.box').append('<div class="c1" style="width:100%;height:100%;"></div>')  
            //如果
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_49268198/article/details/107856531

智能推荐

PYNQ2裸跑之网络_pynq lwip_LYC_0504的博客-程序员宅基地

Zynq中所有开发板都是以lwip echo例程来检测网络硬件是否正常,实际做项目中,该pro会显得很繁琐。借鉴了FPGADesigner的博客,对软件提供的例子工程进行了简化修改。我所使用vivado版本:2018.3第一步:新建工程 将PYNQ2板卡文件复制到“Xilinx\Vivado\2018.3\data\boards”,就可以进行板卡预配置。如果没用可..._pynq lwip

python爬取天气存入excel_python爬取内容存入Excel实例_weixin_39967996的博客-程序员宅基地

最近老师布置了个作业,爬取豆瓣top250的电影信息。按照套路,自然是先去看看源代码了,一看,基本的信息竟然都有,心想这可省事多了。简单分析了下源代码,标记出所需信息的所在标签,ok,开始干活!鉴于正则表达式的资料已经看了不少,所以本次除了beautifulsoup外,还有些re的使用,当然,比较简单。而爬到信息后,以往一般是存到txt文件,或者数据库中,老是重样的操作,难免有些‘厌倦'。心想,干..._python爬取天气预报信息存入excel表中并生成图表或显示处理后的信息

Linux下设置swap(虚拟内存区)_deepin怎么设置虚拟内存_Houzhyan的博客-程序员宅基地

[root@gamedb ~]# free –m[root@gamedb tmp]# dd if=/dev/zero of=/tmp/big_swap bs=1024 count=2000000[root@gamedb tmp]# du -sh /tmp/big_swap[root@gamedb tmp]# mkswap /tmp/big_swap[root@gam_deepin怎么设置虚拟内存

docker 启动 php,docker导入镜像后怎么启动_张晴棠的博客-程序员宅基地

导入镜像[root@server1 ~]# lsdocker game2048.tar nginx.tar ubuntu.tar58[root@server1 ~]# docker load -i ubuntu.tar56abdd66ba31: Loading layer 196.8MB/196.8MB9468150a390c: Loading layer 208.9kB/208.9kB...

ORA-01034:ORACLE not available;shared memory relm does not exist.-程序员宅基地

本人导致上述问题的原因:ORACLE的那台虚拟机非正常关闭。解决问题步骤:1.先查看oracle的监听和Oracle的服务是否都已启动 2.启动oracle监听命令:cmd窗口下,输入lsnrctl start,回车3.操作系统身份方式验证4.启动数据库解决啦O(∩_∩)O...

安装搜狗输入法ubantu18.04_urbun换输入法软件_jasonxu666的博客-程序员宅基地

1、首先到搜狗输入法官网下载搜狗输入法,下载的是个deb文件。 搜狗输入法Linux版下载地址:http://pinyin.sogou.com/linux/?r=pinyin2、Ubuntu 16.04安装搜狗输入法命令如下: 方法1:双击下载的deb文件 方法2:sudo dpkg -i sogoupinyin_2.0.0.0072_amd64.de..._urbun换输入法软件

随便推点

spring-cloud:feign的要点记录_gzc_870301的博客-程序员宅基地

1.什么是Feign? Feign是一种声明式、模板化的HTTP客户端(仅在consumer中使用)。2.什么是声明式,有什么作用,解决什么问题? a.声明式调用就像调用本地方法一样调用远程方法;无感知远程http请求。 b.Spring Cloud的声明式调用, 可以做到使用 HTTP请求远程服务 时能就像调用本地方法一样的体验,开发者完全感知不到这是远...

华为配置DHCP中继_黑马金牌编程的博客-程序员宅基地

原理概述:实验目的:理解DHCP中继的应用场景。掌握DHCP中继的配置。实验内容:实验拓扑:实验编址:1. 实验步骤:基本配置根据实验编址表进行相应的基本ip地址配置,并使用ping命令检测各直连链路的连通性。其余直连网段的连通性测试省略。2. 搭建OSPF网络在公司路由器R1、R2、R3上都配置运行OSPF协议,所有网段都发布到区域0中。配置完成后查看路由表信息。目前每台设备都可以正常获得路由信息,连通性测试省略。3.配置DHCP服务器。配置完

从培训机构出来的小白_gz372780001的博客-程序员宅基地

现在已经上班一星期了,虽然还是那么菜,但是相信自己能通过努力能成为大牛的一天。记得有搞软件行业的念头是去年还在做网优(就是给移动公司干技术方面的活)时候,虽然大学学的是java,但是大学基本没去上课,所以对于java只是知道他叫java。去年2月份辞职,在家呆了一个月左右吧,今年3月10日从家里边坐车来到了深圳。深圳这边有一个特别好的同学,到深圳就去投标他去了,玩了几天就开始找工作的日子,

计算机c语言学生成绩管理作业,C语言实现简单的学生成绩管理系统_住范儿石乐天的博客-程序员宅基地

最近在问答上帮提问者回答问题,有遇到求C语言实现学生管理成绩系统,需求非常简单,就顺手码了下代码。我觉得这种比较小的系统,可以收录起来,做一个C语言基础学习目录也是不错的主意。因为当时的问题已经找不到了,我就回想着把问题的大致说一下。一 题目简单实现一个学生成绩系统,一个学生包含学号,姓名,年龄,数学成绩,计算机成绩,总成绩六项信息,学号唯一,姓名可以重名。数据格式如下:学号姓名年龄数学计算机总分..._学生成绩管理系统c语言作业

base64上传oss_阿里云对象存储 OSS-base64 上传图片_沼泽无它的博客-程序员宅基地

public function uploads(Request $request){$pictrue = ''; // 获取图片转base64的字符串$result = [];// 转化base64编码图片 jpeg、jpg、png、bmp、gifif(preg_match('/^(data:\s*image\/(\w+);base64,)/', $pictrue, $result)) {$typ..._阿里云 oss base64上传

BugkuCTF-Reverse题入门逆向多解法_bugkuctf reverse_彬彬有礼am_03的博客-程序员宅基地

补充:IDA里面十六进制转字符的快捷键:R方法一第一步PEID,这里可以看出程序是32位的查壳:(无壳)拖进IDA32分析:先查看伪码:F5找到main函数发现有许多 mov 指令,66H 是 ‘f’,6CH 是 ‘l’,推测这就是 flag 的 ASCII 码值。得到flag:flag{Re_1s_S0_C0OL}方法二也可以用动态调试的方法。动态调试这就需要用到 OD。先下一个断点,然后单步运行,看看栈里的变化。例如,我就找个 0x00401475 的地址。在 OD _bugkuctf reverse

推荐文章

热门文章

相关标签