PlotSet LogoPlotSet

How to Create a Funnel Chart

A step by step walkthrough for turning a stage-by-stage spreadsheet into a published funnel chart in PlotSet, from ordering the rows to exporting or embedding the result.

约 7 分钟

Applicants to hires, visitors to purchasers, leads to closed deals: how to create a funnel chart in PlotSet works the same way regardless of which stage counts are narrowing. You will upload the sheet, get the stage order right, label the drop-off between bands, and either publish a live embed or export a static image for a deck.

If your data is already two columns, stage and count, in the right order, this takes about five minutes. Add a couple more if you need to reconcile counts that came from different reports, since a funnel only works when each stage is genuinely a subset of the one before it. Budget the seven minutes below and treat the rest as buffer for that cleanup.

你需要的数据

Two columns, one row per stage, already sorted in process order: the stage name first, the count still remaining second. No totals row, one header row.

示例 CSV
StageCount
Visited Pricing Page18400
Started Trial4120
Activated Account2380
Added Payment Method910
Became Paying Customer640
备注

Row order is chart order. PlotSet draws the bands top to bottom in the order they appear in the file, so sort your rows by process stage before uploading, not by count.

Every stage must be a subset of the one above it. If some paying customers never technically "started a trial" in your tracking, the counts will not nest cleanly and the chart will misrepresent the process. Fix the definitions in the source data first.

Keep it to three to six stages. Below three you just have a conversion rate, and past six the bands get too thin to label.

The count column must decrease (or stay flat) from row to row. A stage that goes back up usually means two different metrics got mixed into one column, for example a raw pageview count sitting above a deduplicated visitor count.

操作步骤

PlotSet 中从空白模板到完成图表的具体点击路径。

  1. 01

    Open the funnel chart template

    From the PlotSet dashboard, start a new project and choose the Funnel Chart template. It loads with sample stages already bound to the columns, so you can see the two-column shape before touching your own file.

    PlotSet 的模板选择界面:左侧是图表分类列表,中间展开 Bar Charts 分类的模板网格,Bar Chart 模板卡片上显示「Select」按钮。
    每份指南都从这里开始:先选分类,再选模板,不管你要做哪种图表,用的都是同一个网格。
  2. 02

    Order your rows by stage, not by count

    In your spreadsheet, put the first stage of the process in row one and work down to the last. This is the step people skip, and it is the one PlotSet has no way to guess for you: nothing about the numbers themselves tells the chart which stage came first.

  3. 03

    Bring in the sheet or connect it live

    Import a CSV or .xlsx file from the data panel, paste rows directly from a spreadsheet, or connect a Google Sheet if the counts get refreshed on a schedule and you want the chart to update with them.

    PlotSet 编辑器的数据视图:表格中 Name、Value、Region 三列填着加拿大各省的数据,旁边的「Data」面板提供 CSV 上传、「Magic Import」和 Google Sheet 同步。
    这里的数据视图取自一个条形图项目。你可以上传 CSV、用「Magic Import」从图片里提取数字,或同步 Google Sheet,每种图表类型的面板都一样。
  4. 04

    Map the stage and value columns

    Confirm which column feeds the stage labels and which feeds the band width. PlotSet usually gets this right from clear headers like "Stage" and "Count", but check it if your sheet carries extra columns it might have guessed wrong on.

    PlotSet 数据面板中高亮的列绑定:「Label/time」对应 A 列,「Values」对应 B 列,「Filter/color」对应 C 列,下方是「Auto Binding」按钮。
    绑定决定哪一列作标签、哪一列提供数值、哪一列决定颜色。「Auto Binding」(自动绑定)会根据表头推测,所以要核对一遍,别想当然。
  5. 05

    Turn on stage-to-stage conversion labels

    Switch on the label option that shows the percentage carried over from the previous stage, not just the raw count at each one. The count alone tells you the size of each stage; the conversion percentage tells you where the process is actually losing people.

  6. 06

    Style the bands

    A single colour, darkening slightly from top to bottom, reads as one continuous process rather than a set of unrelated categories. Reserve a second, contrasting colour for the one stage you want the reader to notice, usually the biggest drop.

    PlotSet 编辑器停在「Preview」标签页:画布上是做好的 Funnel Chart,右侧的设置面板用红框标出。
    Funnel Chart 的「Preview」标签页。所有样式设置都在红框标出的这个面板里,每个设置各自占一个标签页:外观、标题、脚注,以及这种图表类型特有的选项。
  7. 07

    Title the chart around the finding

    "Trial signup funnel" describes the data; "Most trials drop off before adding a payment method" states the finding. Put the second kind of title on the chart and let the bands back it up.

  8. 08

    Publish, embed or export the funnel

    Publish for a live interactive chart where hovering a band shows its exact count and conversion rate, grab the embed code for a page, or export a PNG, SVG or PDF for a slide or report.

从已加载示例数据的 Funnel Chart 模板开始,再替换成你自己的数据。

打开模板

发布、嵌入或导出

最后一段路对每种图表都一样:「Share」(分享)把图表变成一个在线的公开链接和一段嵌入代码,「Export」(导出)把它输出成静态文件。

Share:公开链接与嵌入代码

打开嵌入代码和公开链接的开关,图表就发布出去了。链接可以放心发给任何人;嵌入代码以 iframe 的形式放进任意页面,悬停提示和交互效果都会保留。之后修改了图表,点「Recreate」就能把改动同步到链接和嵌入代码两边。

PlotSet 编辑器工具栏中高亮的「Share」按钮,紧挨着「Export」按钮。
点「Share」,完成的图表就会变成一个公开链接和一段嵌入代码。
PlotSet 的「Share」对话框:用于启用嵌入代码和公开链接的开关,「Link」「Embed」「Facebook」「Reddit」「Twitter」「LinkedIn」「Email」几个按钮,以及带「Copy」按钮的图表公开链接。
打开嵌入代码和公开链接的开关,然后复制链接或取用 iframe。之后再修改图表,点「Recreate」就能把改动同步给所有已拿到链接的人。

Export:SVG、PNG 或 JPG

「Export」会按你需要的尺寸输出一份静态副本。SVG 放到多大都清晰,还能在设计工具里继续编辑;幻灯片和文档用 PNG 或 JPG 最稳妥。想让图片在高分屏上够锐利,关键就是那个倍数设置。

PlotSet 编辑器工具栏中高亮的「Export」按钮。
要做成幻灯片或报告里的静态文件,就走「Export」这条路。
PlotSet 的「Export chart」对话框:倍数选择器设为 2x,宽高输入框填的是 1000 和 600,展开的格式菜单里列出 SVG、PNG 和 JPG。
SVG 放到多大都清晰,还能在设计工具里继续编辑;做幻灯片用 PNG 或 JPG 最稳妥。导出前先设好倍数,图片在高分屏上才够锐利。

Funnel Chart 的样式提示

Label the drop-off between bands, not just each band

A funnel chart with only the count at each stage asks the reader to do subtraction in their head. Show the amount or percentage lost between consecutive stages directly on the taper, so the worst step is visible without any arithmetic.

Keep the taper, skip the 3D effect

Some tools offer a beveled or 3D-shaded funnel. It looks like a decoration from a slide template and makes the band widths harder to compare accurately. A flat funnel with straight taper edges reads faster and measures better.

Order stages by process, never by size

It is tempting to sort by count when a report happens to come out that way, but a funnel's row order is read as "what happens first," not "what is largest." If two stages could ever swap order and still make sense, they do not belong in the same funnel.

Match colour intensity to stage, not to value

A single hue that gets slightly darker toward the bottom mirrors the shrinking shape and needs no legend. Colouring bands by their count instead just repeats information the width already shows.

制作 Funnel Chart 时的常见错误

The bands are not actually narrowing in order

This almost always means the rows were sorted by count, alphabetically, or by whatever order they came out of a report, not by the order the stages happen in. Re-sort the source rows by process stage in the spreadsheet and re-upload; PlotSet renders top to bottom in row order and cannot infer the process for you.

One band is wider than the stage above it

A later stage cannot legitimately have more people than an earlier one in a true funnel, so this points to two different counting methods getting mixed together, for example a session count above a unique-user count. Check how each number was produced and make sure every stage counts the same population, just filtered further.

The chart has too many thin, unreadable bands

Past about six stages, minor sub-steps crowd out the ones that matter and every band gets too thin to label. Group the intermediate steps into the handful of stages someone could realistically act on, and move the finer breakdown into a table alongside the chart.

深入了解 Funnel Chart

不确定 Funnel Chart 是否是正确选择?查看它是什么、何时使用以及何时不使用。

关于 Funnel Chart

Funnel Chart:常见问题

Two columns and one header row, with the stage name in the first column and the count remaining at that stage in the second. Rows must already be sorted in process order, since PlotSet draws bands top to bottom in the order they appear in the file.

现在制作你的 Funnel Chart

免费开始,300+ 模板任选。无需信用卡。