echarts水平柱状图靠右侧Y轴显示

Eason_Lou

于 2021-05-28 19:46:53 发布

阅读量5.2k

点赞数

分类专栏：前端文章标签： echarts 前端

本文链接：https://blog.csdn.net/weixin_54366356/article/details/117373040

版权

在使用echarts图表时，有时会遇到柱状图水平靠着右侧的Y轴显示的情况，此时通过设置inverse: true属性便可以实现

废话不多说，上代码！

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>echarts水平柱状图靠右侧Y轴显示</title>
		<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.1/echarts.js"></script>
	</head>
	<style type="text/css">
		* {
     
			margin: 0;
			padding: 0;

最低0.47元/天解锁文章

Eason_Lou

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
echarts水平柱状图靠右侧Y轴显示

在使用echarts图表时，有时会遇到柱状图水平靠着右侧的Y轴显示的情况，此时通过设置inverse: true属性便可以实现废话不多说，上代码！<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c
复制链接

扫一扫

专栏目录