展开全部

没做过前端,现查了下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 一个页面多个节点共用一个图表实例相关推荐

  1. ercharts一个页面能放几个_Django的页面模版提取(三)

    模版提取 在完成了花架子的搭建之后,现在需要看一下前端的Html代码了. Html代码 打开这几份代码进行横行对比,可以发现里面好大一部分都是一样的 1 2 3 4 5 6 My Login Page ...

  2. 用账号连无线网怎么连接网络连接服务器,路由器怎么共用一个宽带账号

    路由器是现在我们最常用的连接网络的设备,现在的社会不管是工作还是生活几乎都离不开网络了,同时我们也要学习一些相关的知识技能,那么你知道路由器怎么共用一个宽带账号吗?下面是学习啦小编整理的一些关于路由器 ...

  3. 一个“脱裤子放屁“的功能!

    一个"脱裤子放屁"的功能! 哩语 "脱了裤子放屁",此话通常用来讥讽别人说话做事画蛇添足.多此一举. 1.背景 故事是这样的.公司的其他部门经常会要求我们部门以 ...

  4. bulma.css_如何建立一个? 具有Bulma CSS的特斯拉响应页面

    bulma.css by ZAYDEK 由ZAYDEK 0-60 in 1.9s? (0-60 in 1.9s ?) 如何建立一个? 具有Bulma CSS的特斯拉响应页面 (How To Build ...

  5. 添加与编辑共用一个jsp页面时,控制按钮的显示与隐藏

    场景 添加与编辑共用一个jsp页面,后台action传过来 op参数,如果是edit则执行编辑,如果是add,则执行添加. 如果是编辑页面则显示充值按钮,如果是添加页面则不显示. 实现 后台actio ...

  6. SSM+BJUI实现添加和编辑共用一个页面

    场景 SSM+BJUI在对记录进行添加或者编辑时可以共用一个jsp页面,然后再进行保存. 实现 1.主页面添加两个按钮,一个是添加按钮一个是编辑按钮. <!-- 添加按钮--><sh ...

  7. 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所指定一维数组中.二 ...

  8. 一个服务器上放多个网站,一个云服务器放多个网站吗

    一个云服务器放多个网站吗 内容精选 换一换 如果您使用华为云云速邮箱作为企业邮箱,并在Web端管理使用,此时需要为邮箱绑定域名,通过域名访问网页版邮箱.本节介绍使用华为云云速邮箱,且网站域名解析至中国 ...

  9. 解决vue多个路由共用一个页面的问题

    解决vue多个路由共用一个页面的问题 参考文章: (1)解决vue多个路由共用一个页面的问题 (2)https://www.cnblogs.com/bootdo/p/11640844.html (3) ...

  10. 光一个html文件能加图片吗,网站页面设计中光的特效设计

    网站页面设计中光的特效设计 为了展现页面的主题或者是贴近游戏的氛围,常常会看见游戏的页面中运用了许多不同类型的光效的渲染,一个简单的元素有时候加上一点光效就可以化腐朽为神奇.那么光效究竟是如何具体地影 ...

最新文章

  1. Java 基础 之 continue和 break
  2. 探秘区块链 - 头条新闻
  3. 网络推广外包——网络推广外包如何在搜索引擎中体现关键词优化效果
  4. dat文件读取_微信dat文件如何查看
  5. Android中TimePicker时间选择器的使用和获取选择的时和分
  6. ASP.NET Core 3.0 使用gRPC
  7. oracle中enqueue,ORACLE: Enqueue 烂笔头
  8. ftk学习记(button篇)
  9. 小猿圈python视频_小猿圈python学习-格式化打印
  10. 开方 C语言 迭代法加二分法
  11. 案例分析 - OOM的内存分析
  12. PYTHON2.day14
  13. V-by-One基础知识
  14. 中央气象台气象监测数据爬取Python实战分析
  15. antd 表单的校验方式
  16. C语言小项目--扫雷小游戏
  17. 北京大学C语言学习第8天
  18. 博客图片html代码,【html博客代码】图片羽化代码
  19. win10家庭版使用远程桌面方法
  20. 腾讯优图贾佳亚:当AI进入产业应用时代时,计算机视觉技术更应该服务于人才对!...

热门文章

  1. linux系统iso文件详解,ISO镜像文件解析
  2. 雷电模拟器android4.2,雷电安卓模拟器-雷电模拟器下载 v4.0.55.0官方版--pc6下载站...
  3. 黑php的称呼,“黑”起母校都是把好手!这些高校别称你绝对想不到
  4. 在eclipse中一种简单使用debug的方式
  5. 英特尔傲腾驱动下载_什么是英特尔傲腾内存?
  6. 《Android MVPArms 使用butterknife遇到的坑》
  7. Maven系列(一) — Nexus 下载及配置
  8. 基于fo-dicom 的 Worklist CStore 我的学习实现路线
  9. 前端实现成绩管理系统
  10. 量化指标公式源码_精选指标:五行八卦图-五行量化指标公式——附源码