螺旋图沿阿基米德螺旋线从中心向外延伸，适合展示长周期、大数据量的趋势。作者把它与子弹图拼接成螺旋子弹图：环形刻度代表百分比，柱状条区分保底、合理与挑战三档，扇叶长度代表实际点击率，用来呈现门店菜品的点击率报表。

前面几篇文章我简单分享了对比条形图、蝴蝶图、子弹图和九宫格在数据可视化中的应用，今天我分享下螺旋子弹图。

螺旋子弹图是我个人的叫法(不知道还有没有其他更专业形象的叫法)，它是由螺旋图+子弹图拼接而成。子弹图前面讲过，这里先讲下螺旋图。

1.螺旋图长啥样？

螺旋图是一种沿着阿基米德螺旋线绘制的数据图表，通常从中心向外螺旋延伸 。它主要用于展示随时间变化的数据趋势，尤其适合长周期数据 。

有些也会称之为海螺图，以下就是一个简化版的螺旋图。

螺旋图通常适合数据量级比较大的数据记录(例如100条)， 常见于金融(如比特币价格走势)、气象(温度变化)、生物DNA结构等领域 。 螺旋图可使用R语言，AntV G2等编程或可视化库生成。

2.螺旋图怎么用？

图表可视化是需要有具体的应用场景的，螺旋图也不例外。以下是某餐饮品牌的热销TOP10菜品的点击率报表。

10桌客人有5桌点了牛肉拼盘，则牛肉拼盘这道菜的点击率为50%。该报表中的菜名和具体数值均为示例，仅为讲解其内在逻辑。

上面是简单的二维表格，我们可以马上使用前面《子弹图在门店BI数据可视化中的应用》讲的子弹图，然后最终的可视化效果如下所示。

平均值我用了2种呈现方式，第1种是直接将平均值百分比显示在灰色柱状条内(如下图前3道菜品所示)，第2种是显示在柱状条上方(如下图后2道菜品所示)。

这个图配色可能差了点意思，读者将就看。我个人觉得显示的数字太多了，如果菜品的目标差异比较大，而且菜品数量又比较多的时候，可视化图表就会让人眼花缭乱。

我把相应的目标值做了调整，同时将菜品数增加到了8道，最终可视化样式如下图。

既然前面说到螺旋图有那么多的优点，数据量较多的时候可视化效果较好，那么能不能通过螺旋图+子弹图的方式来呈现以上数据呢？

好像是可以的，我尝试在Axure里面手搓了如下的图表样式，其中环形代表30%、40%、50%这样的百分比，灰色/浅绿/深色柱状条分别代表保底/合理/挑战的数值，扇叶的长度代表实际点击率(扇叶外部轮廓的实线代表超出挑战值，虚线代表未达到挑战值)，橙色块内的数值代表该菜品在门店的点击率均值。

而我们知道圆是有360度，这个螺旋图显示15-30个菜品应该还是可以的。实际上个人觉得保底/合理/挑战的3个柱状条有些碍眼，可以尝试默认不显示，只有在点击该扇叶的时候才加载出来。

我期待的最终成品大概是下面这样的，本篇文章的思路也是受这张图启发而来。

3 思考题

开篇的那张报表我只是截取了部分(数据全部做了改动)，里面除了点击率之外，还有销售量和销售额2个指标(如下图所示)，如果在上图再加上这样2个指标，你会怎么来加呢？

我个人粗浅的想法是通过气泡🫧图的大小来显示销量/销售额，或通过扇叶的颜色深浅来显示销量/销售额，手指点击触碰后显示完整的数据信息。