图4-13 Highcharts 漏斗图

    漏斗图相关的配置参考 API 文档:

    • 漏斗图配置:针对当前数据列有效
    • :针对当前页面的所有漏斗数据列有效
      特性及常见问题

    通过 和 可以指定漏斗脖子的宽度和高度,其值为百分数,表示占总宽度或总高度百分比,下面是具体的实例:

    通过上面的实例我们知道,当 neckWidth 和 neckHeight 都为 0 是,漏斗图的形状就是倒立的金字塔图。

    详情请参考 这个帖子

    同饼图一样,我们可以通过 相关的属性来控制连接线,相关的配置有:

    • ;连接线的颜色
    • connectorPadding:连接线图形
    • :是否是曲线连接线
    • distance;连接线与标签的距离
      详细参考:

    二、金字塔图

    金字塔图是由多个塔层组成的金字塔形状的图形,其中每个塔层的高度和其点的值有关。在技术层面上,金字塔图是一个倒置的漏斗图(没有漏斗颈)。

    漏斗图及金字塔图 - 图2
    图4-14 Highcharts 金字塔图

    • :针对当前数据列有效
    • 金字塔数据列配置 :针对当前页面的所有金字塔数据列有效
      特性及常见问题

    通过配置 可以让金字塔倒立,其效果和将 neckWidth 和 neckHeight 设置为 0 的漏斗图一样。

    在线实例

    详情参考