在iframe中添加了几个echart 页面,点击一个echart页面之后在点击其他的就会跳出框架?
<div class="page-wrapper mdc-toolbar-fixed-adjust">
        <main class="content-wrapper">
        <div id="page-content">
            <div id="workarea" style="position: absolute; top : 0px; left: 16%; width: 82%; height: 100%;">
                    <iframe style="border-width: 0px; width: 100%; height: 100%;margin-top: 50px;" name="workareaFrame" sandbox="allow-same-origin allow-scripts"></iframe>
            </div>
        </div> <!-- page-content -->
        </main>
    </div>
        <div class="mdc-list-item mdc-drawer-item" href="#" data-toggle="expansionPanel" target-panel="ui-sub-customer">

          <a class="mdc-drawer-link" href="#" >
            <i class="material-icons mdc-list-item__start-detail mdc-drawer-item-icon" aria-hidden="true">track_changes</i>
                 客户管理
            <i class="mdc-drawer-arrow material-icons">arrow_drop_down</i>
          </a>
           <div class="mdc-expansion-panel" id="ui-sub-customer">





            <nav class="mdc-list mdc-drawer-submenu">
              <div class="mdc-list-item mdc-drawer-item">
                <a class="mdc-drawer-link" href="customer.jsp" target="workareaFrame">
                    客户管理
                </a>
              </div>
              <div class="mdc-list-item mdc-drawer-item">
                <a class="mdc-drawer-link" href="customer/Intention.jsp" target="workareaFrame">
                     意向分析
                </a>
              </div>
              <div class="mdc-list-item mdc-drawer-item">
                <a class="mdc-drawer-link" href="customer/intentionDeal.jsp" target="workareaFrame">
                     意向成交
                </a>
              </div>
              <div class="mdc-list-item mdc-drawer-item">
                <a class="mdc-drawer-link" href="customer/userdeal.jsp" target="workareaFrame">
                     员工业绩
                </a>
              </div>
            </nav>
          </div>
        </div>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html style="margin-top: 50px;">
<head>
<base
    href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath }/">
<meta charset="UTF-8">

<script src="workbench/chart/echarts.min.js"></script>
<script src="workbench/chart/jquery-1.11.1-min.js"></script>
</head>
<body>

<div id="main" style="width: 600px;height:400px; color:red">111</div>


<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
            title: {
                text: '意向分析图'
            },
            tooltip: {},
            legend: {
                data:['数量']
            },
            xAxis: {
                data: []
            },
            yAxis: {},
            series: [{
                name: '数量',
                type: 'bar',
                data: []
            }]
        };
    myChart.setOption(option);

    var name = new Array();
    var nums= new Array();
    $.ajax({
        type:"post",
        async:true,
        url:"cust/barlist.do",
        data:{},
        dataType:"json",
        success:function(data){


            myChart.setOption({
                xAxis: {
                    data: data.intentionlist
                },
                series:[{
                    name:"金额",
                    data:data.numlist,
                    type:'bar',
                }]
            })  
         },
         error:function(){
             alert("图表数据请求失败");
         }


    });

</script>
</body>
</html>

问题解决方法:在echart获取页面,将两个数组定义放到ajax中,可以防止此问题出现

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
echart一个页面配置多个
function initEcharts(id,option){     var echart = echartsObj[id];     if(!echart){         echart = echart.init(document.getElementById(id))         echartsObj[id] = echart     }     if(echart &amp;amp;&amp;a...
Echart页面赋值
pageEncoding="utf-8"%> 座席呼入统计表(按日/月)                     function chaxun(){     //String jgname=document.getElementById("jgname").value;     
echart点击导航条触发的方法
myChart.on(“legendselectchanged”, function(obj) { }) 例子: myChart.on("legendselectchanged", function(obj) { let selectArr = obj.selected let mm = current_data ...
点击button,刷新其他框架的页面
页面框架:rn rn rn rn rn rn rn rn rn rnrn在right_bottom1框架的页面中有一个button按钮,我想点击后,right_bottom_0框内的页面刷新。因为是button,所以Response.Redirect()不能定向到其他框架,请问谁能告诉我解决办法。如果有程序的话,请写的详细点,谢谢大家了。
添加了一个 egosurf 页面
&amp;#13; 我在 Google Blogsearch 的时效性以及其他 说过: 因为 Technorati 访问困难,很长一段时间里,Google Blogsearch 就成了我进行 Blog eogsurf 最常用的工具 那天又和车东聊了一下,都认为把这个东西在本地展现会好很多。今天作了一个页面,把 Google Blogsearch 关于 www.dbanotes.net...
跳出iframe到一个完成的页面
首页包含一个iframe是(登录窗口)。rnrn我点击(登录窗口)按钮时,怎么样出现一个完成的页面。rnrnrn在这:先谢了
点击一个单选按钮时,页面中的IFRAME显示某个页面
请问,如何使点击一个单选按钮时,页面中的IFRAME显示某个页面rn能提供一个例子吗?
一个页面中两个iframe,如何在左边的iframe中点击连接找开右边的iframe页面?
一个页面中包含两个iframe,左边和右边,两个iframe分别包含两个页面,如何在左边的iframe包含的页面中点击打开右边的iframe包含的页面?现在一点击就把整个页面变成右边的页面内容了,如何点击左边的页面改变右边的页面,而左边的内容不变?
echart添加点击事件,获取点击处的数据
ECharts // 路径配置 require.config({ paths: { echarts: 'js/ECharts/dist' } }); // 使用 r
点击按钮跳出iframe的问题
在我的页面里有一个iframe,iframe页面里有一个按钮(没有target属性),我想当点击按钮时跳出当前的iframe显示登陆页面覆盖当前页面,但是不打开新页面,也就是覆盖当前页面,请问要怎么写??
整体框架——点击切换页面
剔除繁杂的理论,注重实践,深入浅出使用自定义控件的知识实现一个壁纸类的app
页面点击
营销用户划分 上面就是我做的一个模板,只要你点机一下你就会跳转到另0一个夜面 应为我在模板里天加了一个点击事件 如果多点击几下也许有惊喜喔! 通过这次做的一些东西虽然一开始的时候让我很苦恼,甚至多不想去做,但我还是坚持了下来,你们有没有发现,有的事只要你自己东首做了你就会有新的收获,只有这样你才能让自己不在虚度光阴这样你也能能学的更多也把以前的知识巩固...
echart自适应(多个echart自适应)
//myChart.setOption(option);//option为配置项 window.addEventListener("resize", () =&gt; { myChart.resize(); });
js 实现页面跳出iframe页面
if(top.location !== self.location){ top.location.href = self.location.href; }
angular实现echart的数据读取投屏页面
动态展示数据,大数据页面.................................................................................................................................................
基于Echart组件的页面展示开发
基于Hadoop CDH5和Spark新版本2.3.2详细讲述了大数据各种技术,包括HDFS、YARN、MapReduce、Hive、HBase、Flume、Kafka、Hue、Spark Streaming,Spark SQL、Spark Structured Streaming。主要内容包括MapReduce项目离线处理、Hive与HBase大数据分析与挖掘、Hue大数据项目可视化、Spark SQL大数据项目离线分析、Spark Streaming 大数据项目实时分析,Spark Structured Streaming大数据项目实时分析,Web项目可视化。rn
26-数据可视化之springboot继承echart的页面
本课程以爱奇艺视频实时数据产生和流向的各个环节出发,通过集成主流的分布式日志收集框架Flume、分布式消息队列Kafka、分布式列式数据库HBase、及当前最火爆的Spark Streaming打造实时流处理项目实战,一套代码让你掌握实时处理的整套处理流程,快速进去企业实战!配套资料-答疑专属答疑群n购买课程后加入qq群 951117762 (备注订单号后四位)
基于Echart框架的页面展示层开发(一)
平台完整、全面、具流程化的大数据课程。rnrn 本课程在实战中穿插理论,让学员在实战的过程中充分理解各个技术的架构原理,涉及所有实战都是老师边讲解边操作,不会忽略任何一个操作细节。rnrn 全套课程以企业真实案例项目为导向,从案例项目的业务分析、技术选型、架构设计、集群规划、安装部署、整合集成与开发及Web可视化系统交互设计等方面进行了全面的讲解与实战。
一个iframe,点击每个tab加载相应的页面进来iframe
&amp;lt;html&amp;gt; &amp;lt;head&amp;gt;     &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=GBK&quot;&amp;gt;     &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;     &amp;lt;link href=&quot;../gstyle/listpage.css&quot;
基于Echart框架的页面展示层开发(二)
平台完整、全面、具流程化的大数据课程。rnrn 本课程在实战中穿插理论,让学员在实战的过程中充分理解各个技术的架构原理,涉及所有实战都是老师边讲解边操作,不会忽略任何一个操作细节。rnrn 全套课程以企业真实案例项目为导向,从案例项目的业务分析、技术选型、架构设计、集群规划、安装部署、整合集成与开发及Web可视化系统交互设计等方面进行了全面的讲解与实战。
iframe跳转其他页面
一个点击按钮 &amp;lt;li id=&quot;li_map&quot;&amp;gt;&amp;lt;a href=&quot;javascript:void(0)&quot; onclick=&quot;iFrameSrc('跳转jsp路径src','li_map')&quot;&amp;gt;明细查询&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;    对应的function function iFrameSrc(src, lid){// src , li
添加了iframe的AdminLTE bootstrap框架
改造过的AdminLTE bootstrap前端框架,添加了iframe标签功能。
多页面点击切换页面
第一次写这样的博客。真是不会写。效果什么的对很多人来说肯定觉得很简单,仅用来记录自己解惑过程,谢谢!拿到这套模板设计图,先整体构思了一下大致要使用到的动效、js,布局打算怎么布,js效果打算用哪种方式实现,最后开始创建页面。。。最开始打算使用swiper,layer,fullpage等来实现这个效果(感觉有点不方便),后来才发现自己想复杂了。浪费了一定时间html 代码部分:&amp;lt;!-- tp-...
点击Iframe内按钮,整个主页面框架变形的问题
在主页面添加了iframe,开始时隐藏,点击按钮后iframe弹出,类似提示窗体放在主页面上层,点击iframe的内容页中的按钮后,整个主页面向上移动了一截,求高手指教。
Echart框架显示图表用法
图表相对于数据报表,能够更加直观的展示总体数据趋势,概况等问题,常见的图表有柱状图,折线图,饼状图等,在Java中可以使用框架对图表进行展示. 后台框架为freechart,这种框架为后台获取数据并生成图表的图片,前端使用&amp;lt;img&amp;gt;标签异步发送请求,接收图片流即可,但是该框架配置较为麻烦,而且生成的图表样式比较老少,所以不推荐使用. 这里主要讲一下咱们国产大厂百度提供的Echart框架...
ssm框架+echart報表
我和朋友花了一個晚上弄得,查了很多資料,將json字符串轉換稱json對象,還有ajax怎麽獲取list轉換的json字符串。最後生成圖表
在点击下一页面之后,转去登陆页面,登陆之后,怎么实现转跳到点击的那个页面?
比如点了页面a,但是用户没有登陆,所有就转去登陆页面c了,登陆成功后怎么直接回到a页面呀?rn
点击alert() 确定按钮之后 页面自动刷新
为什么 点击alert弹出的对话框中的 确定按钮之后 页面自动刷新,怎样防止不刷新?
IIS部署上去之后点击页面报错
iis无法提示详细错误信息,先改config里面 1.                 添加这行就能看到错误信息正确位置       2.版本问题 3.线上数据库某张表上面的数据不完整
一个页面按钮点击的问题
画面上有一个文本框,提交时获得的值a和数据库库中一个值b比较,如果a>b则跳转error页面,error画面上两个按钮“继续”,“返回”,点击返回处理很简单我已经做了,点击继续程序则继续往下走,这个该怎么写,我只能在服务端判断,js的confirm没法用,请各位帮帮忙 ,江湖救急
点击保存 勾选几个 就会显示几个
rn rn rn rn rn rn rn rn rn rn rnrn点击保存 勾选几个 就会显示几个
弹出对话框,点击确定跳转到其他页面点击取消返回其他页面
点击按钮(服务器端按钮)的时候弹出一个对话框,点击确定跳转到其他页面点击取消返回其他页面
Echart 的实例
这是我自己做的一些实例  有Echarts 部分属性的注释 学习网站:http://echarts.baidu.com/index.html ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直
echart基本
ECharts 3 开始不再强制使用 AMD 的方式按需引入,代码里也不再内置 AMD 加载器。因此引入方式简单了很多,只需要像普通的 JavaScript 库一样用 script 标签引入。 &amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;metacharset=&quot;utf-8&quot;&amp;gt;&amp;lt;!-- 引入 ECharts 文件 --&amp;gt;&amp;..
Echart画图
通过Echart实现画柱状图,是个很好理解的Demo,很容易入手
echart报表
&amp;lt;%@ Page Language=&quot;C#&quot; AutoEventWireup=&quot;true&quot; CodeFile=&quot;hichar1.aspx.cs&quot; Inherits=&quot;Default3&quot; %&amp;gt; &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt; &amp;l
echart学习
1.热点词云 http://echarts.baidu.com/echarts2/doc/example/wordCloud.html?qq-pf-to=pcqq.c2c 2.echart入门文档 http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20EC
echart自适应
1.先初始化 this.chart = echarts.init(this.$refs.chart, 'macarons')2.运行下面的函数//用于使chart自适应高度和宽度 window.onresize = ()=> { this.chart.resize(); };
echart散点图
这个吧,是echart散点图的做法。我也是给自己用的,你们下吧,我也顺便赚积分啊
在React中使用Echart
近期开发了一个react项目,用的是蚂蚁金服推出的脚手架——Ant Design/Ant Design Pro,基于dva框架进行开发。 用Pro的意图本来是觊觎他的图表,以为可以省事不少,但在实际开发中发现文档偏少,再次开发起来也不太实用,目前来说图表这块还不算太成熟。然后还是选用了echart,在react中用起来有些不同之处莫过于对数据的操作。1.首先安装 react-echart 配置:$...
相关热词 c# 线程结束时执行 c# kb mb 图片 c# 替换第几位字符 c#项目决定成败 c# 与matlab c# xml缩进 c#传感器基础 c#操作wps c# md5使用方法 c# 引用父窗口的组件