Echarts3D柱状图-圆柱体-文字在柱体上垂直显示的实现方法

徊忆羽菲

已于 2025-07-04 17:38:29 修改

阅读量34

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Echarts 软件 Html 文章标签： echarts javascript ecmascript

于 2025-07-04 17:37:46 首次发布

本文链接：https://blog.youkuaiyun.com/guo_qiangqiang/article/details/149122088

全部代码

<!DOCTYPE html>
<html lang="en" style="height: 100%">
<head>
    <meta charset="utf-8">
    <title>3D柱状图-圆柱体-文字竖排</title>
</head>
<body style="height: 100%; margin: 0">

 
<div id="main" style="height: 100%"></div>

<script type="text/javascript" src="https://cdn.staticfile.org/jquery/3.7.1/jquery.min.js"></script>
 
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.4.1/dist/echarts.min.js"></script>
 

<script type="text/javascript">

    // 当请求回数据后
    initData(['周一', '周二', '周三', '周四', '周五', '周六'], [100, 50, 70, 80, 60, 40])


    function initData(xData, yData) {
   


        var chartDom = document.getElementById('main');
        var bar = echarts.init(chartDom);

        let options = {
   
            // 直角坐标系内绘图网格,设置组件距离容器的距离
            grid:<

最低0.47元/天解锁文章