Echarts 横向柱状图，柱状图各个柱颜色不同

最新推荐文章于 2024-08-05 11:22:23 发布

圆滚滚的蓝胖子

最新推荐文章于 2024-08-05 11:22:23 发布

阅读量3.1k

点赞数

分类专栏： Echarts

本文链接：https://blog.csdn.net/weixin_44101779/article/details/103855670

版权

本文介绍了如何使用Echarts库创建一个横向柱状图，并详细讲解了如何设置每个柱子的颜色，使每个柱子在图表中具有独特的视觉效果，提升数据展示的可读性和美观度。

摘要由CSDN通过智能技术生成

 <div class="item-title">当月停机次数Top5</div>
 <div id="stopTimes" style="height: 400px;width: 580px;"></div>
  <img id="stopTimesImage" src="../../3rdTools/images/cheer.png">

public Map queryStopTimesData(Map params) throws Exception{
   
		int factoryId = Integer.parseInt(String.valueOf(params.get("factoryid")));
		Map shiftMap = shiftClassService.getShiftDate(new Date(),factoryId);
		params.put("shiftdate",shiftMap.get("shiftdate"));
		List<Map> list = ToLowerCaseForList(iPlanCompleteReportDao.queryStopTimesData(params));
		List nameList = new ArrayList();
		List rateList = new ArrayList();
		List dataList = new ArrayList();
		for(Map itemMap:list){
   
			Map map = new HashMap();
			map.put("value", itemMap.get("value"));
			map.put("name", itemMap.