echarts柱状图遇到个问题,求求大佬救救

zyx7653296 2021-09-24 17:26:19

准备用柱状图来统计数量。然后这一步都挺正常的,设备就入库出库等选项。

 

到下面的柱状图,就把上面的入库等选项给包含进去了。。。我想问问有没有什么办法,把下面柱状图的无关选项给去掉。

 

这段代码如下:

var chartDom = document.getElementById('EchartZhu');
	var myChart = echarts.init(chartDom);
	var option;

	option = {
	  tooltip: {
	    trigger: 'axis',
	    axisPointer: {
	      // Use axis to trigger tooltip
	      type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
	    }
	  },
	  legend: {},
	  grid: {
	    left: '3%',
	    right: '4%',
	    bottom: '3%',
	    containLabel: true
	  },
	  xAxis: {
	    type: 'value'
	  },
	  yAxis: {
	    type: 'category',
	    data: ['外来人员', '机房巡检', '设备变更', '日常保障', '会议', '设备']
	  },
	  series: [
	    {
	      name: '入库',
	      type: 'bar',
	      stack: 'total',
	      label: {
	        show: true
	      },
	      emphasis: {
	        focus: 'series'
	      },
	      data: [,,,,,320]
	    },
	    {
	      name: '出库',
	      type: 'bar',
	      stack: 'total',
	      label: {
	        show: true
	      },
	      emphasis: {
	        focus: 'series'
	      },
	      data: [, , , , , 210]
	    },
	    {
	      name: '借用',
	      type: 'bar',
	      stack: 'total',
	      label: {
	        show: true
	      },
	      emphasis: {
	        focus: 'series'
	      },
	      data: [, , , , , 100]
	    },
	    {
	      name: '报废',
	      type: 'bar',
	      stack: 'total',
	      label: {
	        show: true
	      },
	      emphasis: {
	        focus: 'series'
	      },
	      data: [, , , , , 410]
	    },
	    {
	      name: '归还',
	      type: 'bar',
	      stack: 'total',
	      label: {
	        show: true
	      },
	      emphasis: {
	        focus: 'series'
	      },
	      data: [, , , , , 1320]
	    },
	    {
	      name: '录入数',
	      type: 'bar',
	      stack: 'total',
	      label: {
	        show: true
	      },
	      emphasis: {
	        focus: 'series'
	      },
	      data: [200,1320 ,500 ,,, ]
	    },
	    {
	      name: '未完成',
	      type: 'bar',
	      stack: 'total',
	      label: {
	        show: true
	      },
	      emphasis: {
	        focus: 'series'
	      },
	      data: [, , ,300,200, ]
	    },
	    {
	      name: '已完成',
	      type: 'bar',
	      stack: 'total',
	      label: {
	        show: true
	      },
	      emphasis: {
	        focus: 'series'
	      },
	      data: [, , ,500,600, ]
	    }
	  ]
	};

	option && myChart.setOption(option);

 

...全文
263 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复

搜一下 echarts tooltip formatter自定义

zyx7653296 2021-09-24
  • 举报
回复
@长夜将尽 来日可期 3Q,已解决,现在就差html把之前格式给返回,这个下去慢慢弄吧
内容概要:本文是一份系统性的Go语言并发编程实战教程,通过构建一个可运行的并发URL健康检查器项目,全面讲解了Go中goroutine、channel、select、WaitGroup、Mutex、context、超时控制、worker pool、限流、错误收集和优雅退出等核心并发机制。文章从基础概念入手,结合代码示例与实战项目,深入剖析常见并发模式如Worker Pool、Pipeline、Fan-out/Fan-in,并指出典型陷阱及修复方法,最后提供增强功能与测试建议,帮助开发者掌握生产级并发编程的最佳实践。; 适合人群:已掌握Go基础语法,具备一定开发经验(工作1-3年)的后端或云原生开发人员;希望深入理解Go并发模型并提升高并发系统设计能力的工程师。; 使用场景及目标:① 学习如何正确使用goroutine与channel进行任务调度和数据通信;② 掌握context在取消、超时和请求链路追踪中的应用;③ 构建可控并发度的worker pool避免资源耗尽;④ 实现错误汇总、限流、优雅退出等生产级特性;⑤ 避免goroutine泄漏、死锁、数据竞争等常见问题。; 阅读建议:建议边阅读边动手实现文中的URL健康检查器项目,结合-race检测工具验证并发安全性,并尝试完成文末练习任务以深化理解;重点关注context传播、channel所有权、单一状态持有者等设计原则,在实践中体会“不要通过共享内存来通信”的Go哲学。
内容概要:本文系统研究了改进的粒子滤波算法(包括EKF、UKF、PF、EPF、UPF)在非线性系统状态估计中的理论基础与Matlab编程实现方法,重点剖析了各算法的核心原理、适用条件及性能差异。通过在无人机路径规划、电力系统状态估计、信号去噪与目标跟踪等典型场景中的仿真实验,详细展示了算法的具体应用流程与效果对比,旨在为科研人员提供一套完整的算法实现框架与仿真分析工具,深化对滤波算法内在机制的理解并支持实际工程应用。; 适合人群:具备一定Matlab编程基础,从事自动化、电子信息、控制工程、电力系统或人工智能等领域研究的研发人员及研究生。; 使用场景及目标:①掌握EKF、UKF、PF等经典与改进滤波算法的基本原理与编程实现技巧;②将其应用于复杂动态系统的状态估计与预测问题,如无人机导航、电力系统监控、信号处理等;③通过复现实验深入理解不同滤波方法的性能差异,辅助科研论文撰写、算法优化与工程选型。; 阅读建议:建议读者结合文中提供的Matlab代码进行实践操作,按照章节顺序逐步学习算法原理与实现细节,重点关注不同滤波方法在实际系统建模中的实现方式及仿真结果的对比分析,以提升算法理解深度与工程应用能力。

87,987

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧