Echarts visualMap

这篇文章详细介绍了Echarts中letoption的配置,包括图表标题的设置、网格布局以及visualMap的使用,特别是颜色分段映射的功能,展示了如何设定范围、颜色及展示方式。
摘要由CSDN通过智能技术生成
let option = {
        title: {
          text: this.dataSource.name,
          left: 10,
          top: 10
        },
        grid: {
          left: '3%',
          right: '3%'
        },
        visualMap: {
          show: true,     // false/true
          min: 0,        //范围 最小值      
          max: 50,        //范围 最大值
          dimension: 0,   // 从0开始展示
          top:0,    
          left:100,
          orient: 'horizontal', // vertical/horizontal
          type: 'piecewise',    //continuous/piecewise
          // 颜色范围 依次展示
          inRange: {
            color: ['#b1cfa5', '#308e92', '#3c7d53', '#008d58', '#007950']
          }
        },
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值