ui.Legend
# ui.Legend
返回一个图例。
函数 | 返回值 |
---|---|
ui.Legend(data,style,type) | Object |
参数 | 类型 | 说明 |
---|---|---|
data | Object | 图例的组成样式数据 |
style | Object | 在地图上的位置,数据为对象。 right:距离右侧的位置; bottom:距离下面的位置; width:宽(无则自适应); height:高(无则自适应); isvertical:true或false,当设置为true时,图例垂直方向显示;当为false时,图例为水平方向显示,默认为false(即水平显示) |
type | String | 图例的类型: continue或classify |
/**
* @File : ui.Legend
* @Time : 2021/3/23
* @Author : piesat
* @Version : 1.0
* @Contact : 400-890-0662
* @License : (C)Copyright 航天宏图信息技术股份有限公司
* @Desc : 图例组件示例
*/
/**
* 图例配置数据
* title:图例的名称
* colors:图例的颜色
* labels:图例分类名称
* step:需要分的总步长
* isvertical:true或false,当设置为true时,图例垂直方向显示;当为false时,图例为水平方向显示
*/
var data = {
title: "浑浊度",
colors: [
"#040274","#040281","#0502a3","#0502b8","#0502ce","#0502e6","#0602ff","#235cb1","#307ef3",
"#269db1","#30c8e2","#32d3ef","#3be285","#3ff38f","#86e26f","#3ae237","#b5e22e","#d6e21f",
"#fff705","#ffd611","#ffb613","#ff8b13","#ff6e08","#ff500d","#ff0000","#de0101","#c21301",
"#a71001","#911003",
],
labels: ["清澈", "轻度浑浊", "中度浑浊", "重度浑浊"],
step: 30,
};
//生成图例
var legend1 = ui.Legend(data, { width: "250px", height: "70px" });
//在输出面板显示图例组件
print(legend1);
var style = {
right: "150px",
bottom: "10px",
height: "70px",
width: "350px",
};
var legend2 = ui.Legend(data, style);
//地图上显示图例组件
Map.addUI(legend2);
var legend3 = ui.Legend(data, { width: "250px", height: "70px" });
//在左侧添加组件
ui.root.add(legend3);
/**
* 图例配置数据
* title:图例的名称
* colors:图例的颜色
* labels:图例分类名称
* step:需要分的总步长
*/
var data = {
title: "浑浊度",
colors: [
"#040274",
"#3be285",
"#ffb613",
"#911003",
],
labels: ["1", "2", "3", "4"],
step: 30,
isvertical:true
};
//生成图例
var legend1 = ui.Legend(data, { width: "70px", height: "250px" });
//在输出面板显示图例组件
print(legend1);
有问题,我来改改 (opens new window)
上次更新: 2022/05/25, 03:27:07