visualmap折线图_echart图标的映射visualMap的使用

本文详细介绍了 ECharts 中的 visualMap 组件,包括连续型和分段型的使用,涉及颜色、符号大小的映射,以及组件的配置选项如手柄、文字、边框等,展示了如何通过 visualMap 进行数据的视觉编码。
摘要由CSDN通过智能技术生成

visualMap=[ //视觉映射组件,用于进行『视觉编码』,也就是将数据映射到视觉元素。视觉元素可以是:symbol: 图元的图形类别。symbolSize: 图元的大小。color: 图元的颜色。

//colorAlpha: 图元的颜色的透明度。opacity: 图元以及其附属物(如文字标签)的透明度。colorLightness: 颜色的明暗度。colorSaturation: 颜色的饱和度。colorHue: 颜色的色调。

{

show:true, //是否显示 visualMap-continuous 组件。如果设置为 false,不会显示,但是数据映射的功能还存在

type: 'continuous', //定义为连续型 viusalMap

min:10, //指定 visualMapContinuous 组件的允许的最小值

max:100, //指定 visualMapContinuous 组件的允许的最大值

range:[15, 40], //指定手柄对应数值的位置。range 应在 min max 范围内

calculable:true, //是否显示拖拽用的手柄(手柄能拖拽调整选中范围)

realtime:true, //拖拽时,是否实时更新

inverse:false, //是否反转 visualMap 组件

precision:0, //数据展示的小数精度,默认为0,无小数点

itemWidth:20, //图形的宽度,即长条的宽度。

itemHeight:140, //图形的高度,即长条的高度。

align:"auto", //指定组件中手柄和文字的摆放位置.可选值为:'auto' 自动决定。'

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值