echarts正负极柱状图

最新推荐文章于 2025-02-25 15:39:19 发布

原创

最新推荐文章于 2025-02-25 15:39:19 发布 · 3.5k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#echarts

本文介绍了一个使用ECharts实现的投资计划预警图表案例。该图表通过条形图的形式展示不同项目的投资情况，并采用不同的颜色来区分正负数值。同时，图表还支持鼠标悬停提示功能，以方便用户查看具体的数据。

在这里插入图片描述

<template>
	<div>
		<div class="headText">投资计划预警</div>
		<div class="bodyblock">
			<div class="main2">
        <div
          class="fxplain2"
          ref="fxplain_ref2"
          :style="{ height: zoomNum * 305 + 'px', zoom: 1 / zoomNum }"
        ></div>
      </div>
		</div>
	</div>
</template>
<script type="text/javascript">
	export default{
   
   
		name:'',
		data(){
   
   
			return{
   
   
			zoomNum: window.screen.width / 1920, 
			}		
		},
		components: