数据驱动的不透明度

尝试一下在线预览

此示例演示如何使用 不透明度 来可视化属性值,在本例中为家庭收入中位数。

          
1
2
3
4
5
6
7
8
9
10
renderer.visualVariables = [
  {
    type: "opacity",
    field: "MEDHINC_CY",
    stops: [
      { value: 10000, opacity: 0.2, label: "$10,000" },
      { value: 100000, opacity: 0.85, label: "$100,000" }
    ]
  }
];

视觉变量的任何组合都可用于添加上下文或引起对数据集中空间模式的更多关注。 在这种情况下, 不透明度 是渲染器中使用的唯一视觉变量。 然而, 不透明度大小 ,和 颜色 视觉变量都可以应用于渲染器以创建多变量可视化。

其他可视化示例和资源

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.