图形

图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。

图8 高德地图图形

• 统一配置
  • 显示范围：统一设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。
  • 图层透明度：统一设置图层的透明度。
• 图层：单击“新增图层”，可新建图标图层、标签图层、柱状图层、飞线图层、基础热力图层和区域热力图层。
  图9 新建图标图层
  
  • 基本配置
    • 类型：固定为“图标图层”。
    • 图层：显示或隐藏图层。
    • 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。
    • 图层透明度：设置图层的透明度。
    • 标签避让：开启后，地图中重叠的图标会避让。
  • 图层样式
    • 显示类型：设置图标的显示类型，支持均分显示和区间显示。
    • 图标图片：“显示类型”设置为“均分显示”时，会根据图标图片的数量，将图标值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的图标。“显示类型”设置为“区间显示”时，可设置不同的区间，当图标值落在对应的区间内，显示对应的颜色值，区域范围外的图标将不显示。
    • 悬浮放大：是否开启鼠标悬浮后图标放大。悬浮方法和标签避让同时开启会影响显示效果。
    • 图片宽度：设置图片的宽度。
    • 图片高度：设置图片的高度。
    • 上下偏移：设置图标根据点经纬度的上下偏移。
    • 左右偏移：设置图标根据点经纬度的左右偏移。
  • 图层标签
    • 标签：是否开启图标标签。
    • 标签悬浮：开启时，图标鼠标悬浮时显示标签。关闭时，标签常显。
    • 系列名：标签是否显示系列名，对应静态数据中的“label”字段。
    • 系列名字体：设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。
    • 数值：标签是否显示数值，对应静态数据中的“value”字段。
    • 数值字体：设置数值字体。“标签悬浮”设置为“开启”时，显示该配置项。
    • 文字大小：设置常显标签的文字大小。“标签悬浮”设置为“关闭”时，显示该配置项。
    • 文字颜色：设置常显标签的文字颜色。“标签悬浮”设置为“关闭”时，显示该配置项。
    • 数值显示：是否显示最大值、最小值。选中后，对应最大值最小值的标签背景色、字体颜色将会发生变化。
  图10 新建标签图层
  
  • 基本配置
    • 类型：固定为“标签图层”。
    • 图层：显示或隐藏图层。
    • 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。
    • 图层透明度：设置图层的透明度。
  • 标签样式
    • 最大宽度：设置标签的最大宽度。
    • 溢出文本：设置文本溢出时的显示方式，支持省略和换行。
    • 文字对齐方式：设置文本对齐方式，支持左对齐、居中和右对齐。
    • 系列名：标签是否显示系列名，对应静态数据中的“label”字段。
    • 系列名字体：设置系列名的字体、大小和颜色等。
    • 数值：标签是否显示数值，对应静态数据中的“value”字段。
    • 数值字体：设置数值的字体、大小和颜色等。
    • 背景样式：设置标签的背景样式，支持颜色和图片。
    • 显示类型：设置标签背景的显示类型，支持均分显示和区间显示。
    • 颜色设置：“显示类型”设置为“均分显示”时，会根据颜色设置的数量，将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的背景颜色。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的背景颜色，区域范围外的图标将不显示。
    • 填充方式：图标的填充方式，支持普通、居中、拉伸和平铺。“背景样式”设置为“图片”时，显示该配置项。
    • 背景图片：“显示类型”设置为“均分显示”时，会根据背景颜色的数量，将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的背景图片。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的背景图片，区域范围外的图标将不显示。
    • 选中色：设置标签鼠标悬浮时的字体颜色，同时也是交互动作中，高亮标签的颜色。
    • 上下偏移：设置标签根据点经纬度的上下偏移。
    • 左右偏移：设置标签根据点经纬度的左右偏移。
  • 标签图标
    • 标签图标：是否显示标签图标。
    • 显示类型： 标签图标的显示类型，支持均分显示和区间显示。
    • 填充方式：图标的填充方式，支持普通、居中、拉伸和平铺。
    • 图标图片：“显示类型”设置为“均分显示”时，会根据图标图片的数量，会将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的图标。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的图标，区域范围外的图标将不显示。
    • 图片宽度：设置图片的宽度。
    • 图片高度：设置图片的高度。
    • 上下偏移：设置图标根据点经纬度的上下偏移。
    • 左右偏移：设置图标根据点经纬度的左右偏移。
  图11 新建柱状图层
  
  • 基本配置
    • 类型：固定为“柱状图层”。
    • 图层：显示或隐藏图层。
    • 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。
    • 图层透明度：设置图层的透明度。
  • 图层样式
    • 显示类型：设置图标的显示类型，支持均分显示和区间显示。
    • 颜色设置：根据颜色设置的数量，会将值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的颜色。“显示类型”设置为“均分显示”时，才显示该配置项。
    • 填充颜色：根据设置不同的区间，当值落在对应的区间内，显示对应的颜色值，区域范围外的将不显示。“显示类型”设置为“区间显示”时，才显示该配置项。
    • 选中色：设置鼠标悬浮和单击颜色，同时也是交互动作中，高亮柱体的颜色。
    • 边数：柱状图的边数，边数越多越接近圆柱形。如果希望做成圆柱体效果，可以将此参数设置为一个较大的值，例如32。
    • 单位：图层的单位，支持像素和米。
    • 半径：棱柱的半径。
    • 高度范围：棱柱的高度。
  • 图层标签
    • 标签：是否开启图标标签。
    • 标签悬浮：开启时，图标鼠标悬浮时显示标签。关闭时，标签常显。
    • 系列名：标签是否显示系列名，对应静态数据中的“label”字段。
    • 系列名字体：设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。
    • 数值：标签是否显示数值，对应静态数据中的“value”字段。
    • 数值字体：设置数值的字体、大小和颜色。“标签悬浮”设置为“开启”时，显示该配置项。
    • 数值显示：是否显示最大值、最小值。选中后，对应最大值最小值的标签背景色、字体颜色将会发生变化。
  图12 新建飞线图层
  
  • 基本配置：
    • 类型：固定为“飞线图层”。
    • 图层：显示或隐藏图层。
    • 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。
    • 图层透明度：设置图层的透明度。
  • 图层样式
    • 颜色样式：设置飞线的颜色样式，支持单色和渐变色。
    • 显示类型：设置飞线颜色的显示类型，支持均分显示和区间显示。
    • 颜色设置：根据颜色设置的数量，会将飞线值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的颜色。“显示类型”设置为“均分显示”时，才显示该配置项。
    • 填充颜色：根据设置不同的区间，当飞线值落在对应的区间内，显示对应的颜色值。区域范围外的飞线将不显示。“显示类型”设置为“区间显示”时，才显示该配置项。
    • 选中色：设置飞线鼠标悬浮颜色，同时也是交互动作中，高亮飞线的颜色。
    • 飞线弧度：设置飞线的弧度，只在3D模式下生效。
    • 起点宽度：设置飞线的起点宽度。
    • 终点宽度：设置飞线的终点宽度。
  • 动画效果
    • 脉冲效果：是否开启飞线的脉冲效果。
    • 脉冲点长度：设置脉冲长度，开启脉冲效果后显示该配置项。
    • 脉冲点速度：设置脉冲速度，开启脉冲效果后显示该配置项。
    • 头部颜色：设置脉冲的头部颜色，开启脉冲效果后显示该配置项。
    • 尾部颜色：设置脉冲的尾部颜色，开启脉冲效果后显示该配置项。
    • 气泡效果：是否开启飞线终点的气泡效果。
    • 气泡样式：设置气泡的颜色，支持蓝色、黄色、绿色、红色，开启气泡效果后显示该配置项。
    • 气泡半径：设置气泡的半径，开启气泡效果后显示该配置项。
    • 动画速度：设置气泡的动画速度，开启气泡效果后显示该配置项。
  • 图层标签
    • 标签悬浮：飞线鼠标悬浮时，是否显示标签。
    • 系列名：标签是否显示系列名。
    • 系列名内容：请输入系列名内容。
    • 系列名字体：设置系列名的字体、颜色和大小等。
    • 数值：标签是否显示数值，对应静态数据中的“value”字段。
    • 数值字体：设置数值的字体、颜色和大小等。
    • 数值显示：是否显示最大值、最小值。选中后，对应最大值最小值的标签背景色、字体颜色将会发生变化。
  图13 新建基础热力图层
  
  • 基本配置
    • 类型：固定为“基础热力图层”。
    • 图层：显示或隐藏图层。
    • 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。
    • 图层透明度：设置图层的透明度。
  • 图层样式
    • 颜色设置：设置图层的颜色，单击“新增颜色设置”，可添加新的颜色。
    • 最大值：热力值的最大值，默认为数据中的最大值，也可以自定义设置，会控制热力的最热区域的显示效果。
    • 最小值：热力值的最小值，默认为数据中的最小值，也可以自定义设置，会控制热力的最冷区域的显示效果。
    • 单位：热力的单位，支持“像素”单位和“米”单位的热力聚合。
    • 半径：设置热力的聚合半径。
      图14 设置半径
      
    • 高度：设置热力最高点的高度值。
      图15 设置高度
      
  图16 新建区域热力图层
  
  • 基本配置
    • 类型：固定为“区域热力图层”。
    • 图层：显示或隐藏图层。
    • 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。
    • 图层透明度：设置图层的透明度。
  • 图层样式
    • 显示类型：设置图标的显示类型，支持均分显示和区间显示。
    • 颜色设置：根据颜色设置的数量，会将值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的颜色。“显示类型”设置为“均分显示”时，才显示该配置项。
    • 填充颜色：根据设置不同的区间，当值落在对应的区间内，显示对应的颜色值，区域范围外的将不显示。“显示类型”设置为“区间显示”时，才显示该配置项。
    • 选中色：设置鼠标单击和悬浮颜色，同时也是交互动作中，高亮区域的颜色。
    • 区域边框：设置行政边界的颜色和边框大小。
  • 图层标签
    • 标签：是否开启图标标签。
    • 标签悬浮：开启时，图标鼠标悬浮时显示标签。关闭时，标签常显。
    • 系列名：标签是否显示系列名，对应静态数据中的“label”字段。
    • 系列名字体：设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。
    • 数值：标签是否显示数值，对应静态数据中的“value”字段。
    • 数值字体：设置数值的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。
    • 数值显示：是否显示最大值、最小值。选中后，对应最大值最小值的标签背景色、字体颜色将会发生变化。