echarts蓝绿渐变色柱状图

本文展示了如何使用Echarts库创建具有蓝绿渐变效果的柱状图,提供了预览图和详细的代码实现过程,适用于前端开发者进行数据可视化设计。
摘要由CSDN通过智能技术生成

预览图:
在这里插入图片描述
代码部分:

var typeTitle=['1212','22','33','1212','22','33']
var typeValue=['122','22','33','122','22','33']
option = {
        tooltip: {
            trigger: "axis",
            axisPointer: {
                z: 1,
                type: "shadow",
                shadowStyle:{
                    shadowColor: '#EBF5FF'
                }
            }
        },
        legend: {},
        grid: {
            left: '5%',
            right: '7%',
            top: '10%',
            bottom: '8%',
            containLabel: true
        },
        xAxis: {
            name:'(类别)',
            data: typeTitle,
            splitLine: {
                show: false
           
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值