echarts 标尺相关参数（visualMap属性设置）

一、效果图

 

二、设置代码

visualMap: {
                min: 0,
                max: 350,
                text: ['High', 'Low'],//两端的文本
                realtime: false,
                calculable: true,
                itemWidth: 20, //图形的宽度，即长条的宽度。
                itemHeight: 90, //图形的高度，即长条的高度。
                align: "auto", //指定组件中手柄和文字的摆放位置.可选值为：‘auto’ 自动决定。‘left’ 手柄和label在右。‘right’ 手柄和label在左。‘top’ 手柄和label在下。‘bottom’ 手柄和label在上。
                left: "80%", //组件离容器左侧的距离,‘left’, ‘center’, ‘right’,‘20%’
                top: "40% ", //组件离容器上侧的距离,‘top’, ‘middle’, ‘bottom’,‘20%’
                right: "auto", //组件离容器右侧的距离,‘20%’
                bottom: "auto", //组件离容器下侧的距离,‘20%’
                orient: "vertical", //图例排列方向
                inRange: {
                    color: ['lightskyblue', 'yellow', 'red']
                }