echart 堆叠柱状图而不重叠，总数不会叠加，显示百分比

最新推荐文章于 2024-05-15 11:06:01 发布

huang_jin_yi_

最新推荐文章于 2024-05-15 11:06:01 发布

阅读量4.8k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/huang_jin_yi/article/details/91878617

版权

本文介绍了如何在Echarts中创建堆叠柱状图，确保柱状不重叠，并展示每个柱子的百分比比例，同时强调了配置过程中需避免与stack属性冲突。

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

<!DOCTYPE html>
<html style="height: 100%">
   <head>
       <meta charset="utf-8">
   </head>
   <body style="height: 100%; margin: 0">
       <div id="container" style="height: 100%"></div>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
       <script type="text/javascript">
        var dataX = ['大类案件', '小类案件','自行处置案件 '];
        var dataY = [100,100,50];
        var dataY2 = [50,48,10]
        var dom = document.getElementById("container");
        var myChart = echarts.init(dom);
        option = {
              xAxis: {
                  type: 'category',
                  data: dataY,
                    axisLabel: {
                        sho

最低0.47元/天解锁文章

huang_jin_yi_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
echart 堆叠柱状图而不重叠，总数不会叠加，显示百分比

<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <div id="contain...
复制链接

扫一扫

专栏目录