堆积柱形图---当数据为0时不显示;但tooltip中显示带单位的数据0;tooltip中显示数据前面的小圆点

 

1、源码

app.title = '堆叠柱状图';
var data1=[120, 0.00, 101, 134];//含有0.00数据
var data2=[0.00, 0.00, 191, 234];//含有0.00数据

var change=function(arr){//当数据是0.00时,设置成空,则echarts不显示
    var len=arr.length;
    for(var i=0;i<len;i++){
        if(arr[i]===0.00){
            arr[i]="''";
        }
    }
    return arr;
};

option = {
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器,坐标轴触发有效
            type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        },
        formatter : function(params) {//提示信息,为空时,显示成0.00
                    if(params[0].value=="''"){
                        params[0].value='0.00';
                    }
                    if(params[1].value=="''"){
                        params[1].value='0.00';
                    }
					return params[0].name + "<br/>"
                    +params[0].marker+params[0].seriesName + ":"+ params[0].value + "元<br/>"
                    +params[1].marker+params[1].seriesName + ":"+ params[1].value + "元<br/>";
                    //.marker表示数据前面的小圆点
		},

    },
    legend: {
        data:['邮件营销','联盟广告']
    },
    grid: {
        left: '13%',
        right: '14%',
        bottom: '23%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : ['周一','周二','周三','周四']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
       
        {
            name:'邮件营销',
            type:'bar',
            barWidth:100,
            stack: '广告',
             label: {
                normal: {
                    show: true,
                    position: 'insideTop',
                }
            },
            data:change(data1),
        },
        {
            name:'联盟广告',
            type:'bar',
            stack: '广告',
             label: {
                normal: {
                    show: true,
                    position: 'inside'
                }
            },
            data:change(data2),
        },
    ]
};

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要绘制Python堆积柱状图,你可以使用Matplotlib库的bar()函数。以下是一个示例代码,可以帮助你绘制堆积柱状图: ``` import matplotlib.pyplot as plt import numpy as np # 设置文字体 plt.rcParams["font.sans-serif"] = ["SimHei"] # 写入数据 x_data = ['Fair', 'Good', 'Very Good', 'Premium', 'Ideal'] y1_data = [4300, 3800, 3950, 4700, 3500] y2_data = [4000, 4200, 4100, 3700, 4300] # 利用bar()函数设置柱状图的参数 plt.bar(x_data, y1_data, width=0.5, label='Dataset 1') plt.bar(x_data, y2_data, width=0.5, bottom=y1_data, label='Dataset 2') # 设置标题和标签 plt.title('堆积柱状图') plt.xlabel('Cut') plt.ylabel('Price') # 显示图例 plt.legend() # 展示图形 plt.show() ``` 这段代码首先导入了需要的库,然后定义了x轴和两个y轴的数据。接下来使用bar()函数绘制了两个数据集的堆积柱状图,其bottom参数用于指定第二个数据集的底部从哪个y值开始。最后通过设置标题、标签和图例,以及调用show()函数来展示图形。这样就可以得到一个堆积柱状图了。引用自<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Python绘制单数据系列柱状图、多数据系列柱状图堆积柱状图、百分比堆积柱状图](https://blog.csdn.net/BlackYIYI/article/details/127997879)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

佛佛ง

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值