ercharts一个页面能放几个_echarts 一个页面多个节点共用一个图表实例
展开全部
没做过前端,现查了下bootstrap,它的各个e69da5e887aa62616964757a686964616f31333366303832标签页是不同的div,而echarts在初始化时就要绑定一个div的……所以你这个共用估计很难实现
不过图表的配置项你可以复用啊,比如写个函数:datasetSourceObj = {
'年': [
['年', '数据'],
['2014', 31],
['2015', 41],
['2016', 59],
['2017', 26],
['2018', 53],
],
'月': [
['月', '数据'],
['1月', 14],
['2月', 14],
['3月', 21],
['4月', 35],
['5月', 62],
],
'周': [
['周', '数据'],
['第1周', 17],
['第2周', 32],
['第3周', 5],
['第4周', 8]
]
};
function createOption(dataSource){
//先把个公用的option参数配置好
res = {
title:'xxx',
dataset:{
source: dataSource
}
//后略去一堆key、value等等等…
};
return res;
};
然后你各个标签页用不同的数据生成不同的option,再setOption就行了。
————————————
或者,如果你非要复用dom,有个有些绕弯的复用办法:
你把各个标签页里的div下加个iframe,链接同一个地址、但传不同的参数
这个地址的响应是包含echarts图表的页面,而且其中的echarts图表要根据接收的参数不同,使用不同的dataset.source、及其他你需要的不同配置。
ercharts一个页面能放几个_echarts 一个页面多个节点共用一个图表实例相关推荐
- ercharts一个页面能放几个_Django的页面模版提取(三)
模版提取 在完成了花架子的搭建之后,现在需要看一下前端的Html代码了. Html代码 打开这几份代码进行横行对比,可以发现里面好大一部分都是一样的 1 2 3 4 5 6 My Login Page ...
- 用账号连无线网怎么连接网络连接服务器,路由器怎么共用一个宽带账号
路由器是现在我们最常用的连接网络的设备,现在的社会不管是工作还是生活几乎都离不开网络了,同时我们也要学习一些相关的知识技能,那么你知道路由器怎么共用一个宽带账号吗?下面是学习啦小编整理的一些关于路由器 ...
- 一个“脱裤子放屁“的功能!
一个"脱裤子放屁"的功能! 哩语 "脱了裤子放屁",此话通常用来讥讽别人说话做事画蛇添足.多此一举. 1.背景 故事是这样的.公司的其他部门经常会要求我们部门以 ...
- bulma.css_如何建立一个? 具有Bulma CSS的特斯拉响应页面
bulma.css by ZAYDEK 由ZAYDEK 0-60 in 1.9s? (0-60 in 1.9s ?) 如何建立一个? 具有Bulma CSS的特斯拉响应页面 (How To Build ...
- 添加与编辑共用一个jsp页面时,控制按钮的显示与隐藏
场景 添加与编辑共用一个jsp页面,后台action传过来 op参数,如果是edit则执行编辑,如果是add,则执行添加. 如果是编辑页面则显示充值按钮,如果是添加页面则不显示. 实现 后台actio ...
- SSM+BJUI实现添加和编辑共用一个页面
场景 SSM+BJUI在对记录进行添加或者编辑时可以共用一个jsp页面,然后再进行保存. 实现 1.主页面添加两个按钮,一个是添加按钮一个是编辑按钮. <!-- 添加按钮--><sh ...
- C语言试题二十三之编写一个函数void function(int tt[m][n],int pp[n]),tt指向一个m行n列的二维函数组,求出二维函数组每列中最小元素,并依次放入pp所指定一维数组中
1. 题目 请编写一个函数void function(int tt[m][n],int pp[n]),tt指向一个m行n列的二维函数组,求出二维函数组每列中最小元素,并依次放入pp所指定一维数组中.二 ...
- 一个服务器上放多个网站,一个云服务器放多个网站吗
一个云服务器放多个网站吗 内容精选 换一换 如果您使用华为云云速邮箱作为企业邮箱,并在Web端管理使用,此时需要为邮箱绑定域名,通过域名访问网页版邮箱.本节介绍使用华为云云速邮箱,且网站域名解析至中国 ...
- 解决vue多个路由共用一个页面的问题
解决vue多个路由共用一个页面的问题 参考文章: (1)解决vue多个路由共用一个页面的问题 (2)https://www.cnblogs.com/bootdo/p/11640844.html (3) ...
- 光一个html文件能加图片吗,网站页面设计中光的特效设计
网站页面设计中光的特效设计 为了展现页面的主题或者是贴近游戏的氛围,常常会看见游戏的页面中运用了许多不同类型的光效的渲染,一个简单的元素有时候加上一点光效就可以化腐朽为神奇.那么光效究竟是如何具体地影 ...
最新文章
- Java 基础 之 continue和 break
- 探秘区块链 - 头条新闻
- 网络推广外包——网络推广外包如何在搜索引擎中体现关键词优化效果
- dat文件读取_微信dat文件如何查看
- Android中TimePicker时间选择器的使用和获取选择的时和分
- ASP.NET Core 3.0 使用gRPC
- oracle中enqueue,ORACLE: Enqueue 烂笔头
- ftk学习记(button篇)
- 小猿圈python视频_小猿圈python学习-格式化打印
- 开方 C语言 迭代法加二分法
- 案例分析 - OOM的内存分析
- PYTHON2.day14
- V-by-One基础知识
- 中央气象台气象监测数据爬取Python实战分析
- antd 表单的校验方式
- C语言小项目--扫雷小游戏
- 北京大学C语言学习第8天
- 博客图片html代码,【html博客代码】图片羽化代码
- win10家庭版使用远程桌面方法
- 腾讯优图贾佳亚:当AI进入产业应用时代时,计算机视觉技术更应该服务于人才对!...
热门文章
- linux系统iso文件详解,ISO镜像文件解析
- 雷电模拟器android4.2,雷电安卓模拟器-雷电模拟器下载 v4.0.55.0官方版--pc6下载站...
- 黑php的称呼,“黑”起母校都是把好手!这些高校别称你绝对想不到
- 在eclipse中一种简单使用debug的方式
- 英特尔傲腾驱动下载_什么是英特尔傲腾内存?
- 《Android MVPArms 使用butterknife遇到的坑》
- Maven系列(一) — Nexus 下载及配置
- 基于fo-dicom 的 Worklist CStore 我的学习实现路线
- 前端实现成绩管理系统
- 量化指标公式源码_精选指标:五行八卦图-五行量化指标公式——附源码