CHARTICULATOR
100% 免费开源
告别
"至暗时刻"
当老板要求"高端设计感"的条形图,或者想要展示复杂多维关系的桑基图时,Power BI 内置图表往往显得力不从心。
它是图表界的 Photoshop,Power BI 里的"魔法棒"。
无需编写代码,通过鼠标拖拽,实现像素级定制。
内置对象 vs Charticulator 能力对比
核心能力深度解析
我们将 Charticulator 的强大功能归纳为五大核心维度,展示其作为专业工具的硬实力。
像素级定制 (Pixel-Perfect)
掌控每一个字形(Glyph),支持任意布局与形状。
驾驭复杂图表 (Complex Charts)
轻松实现桑基图、和弦图、旭日图等高级视觉对象。
模板化与复用 (Reusability)
导出 .tmplt 文件,在团队间快速共享设计成果。
类 D3 数据绑定 (Data Binding)
不写代码也能实现精准的数据属性映射控制。
无缝原生集成 (Integration)
支持 Power BI 切片器联动、交叉高亮与发布。
从小白到大神的学习路线
认知与模仿
耗时:1-3 天
掌握 Glyph (字形) 和 Plot Segment (绘图区) 的基础,通过套用现成模板建立信心。
自定义修改
耗时:1 周
学习如何修改颜色映射、坐标轴排序,并根据品牌需求微调每个数据点的外观。
从零构建
耗时:2 周+
理解极坐标与直角坐标的底层逻辑,能够独立设计复杂的堆叠、打包及关系图。
品牌化圆角棒棒糖图
通过简单的"画杆"和"画糖"步骤,并绑定销售数据,我们能迅速制作出符合 VI 规范的高端视觉对象。
- ✓ 使用 Line 构建高度随数据变化的"杆"
- ✓ 使用 Symbol 构建顶部的"圆糖"
- ✓ 在圆心内嵌数据标签文本
产品销售额分布 (示例)
做 Power BI 的朋友们,你们是不是经常遇到这样的"至暗时刻":
老板指着屏幕说:"这个条形图太普通了,能不能做得像这个设计稿一样高端?" 或者是:"我想看这两个维度的关联,能不能做一个那种……流动的线图(桑基图)?"
你看着 Power BI 自带的视觉对象列表,内心是绝望的:"自带的图表做不到啊!"
如果你也遇到过这种瓶颈,那么今天介绍的神器——Charticulator,就是为你准备的。
🧐 一、Charticulator 是什么?
用一句话概括:它是图表界的 Photoshop,Power BI 里的"魔法棒"。
Charticulator 是微软研究院推出的一款免费、开源的 Power BI 自定义视觉对象。 它的核心逻辑是:不写代码(No-Code),通过鼠标拖拽,就能画出你可以想象到的几乎任何图表。
你可以把它理解为:
- 图表设计器:像做 PPT 一样排版图表元素。
- 可视化界的 DAX:虽不写代码,但逻辑强大,是 Power BI 原生能力的超级放大器。
💰 关于钱的事
大家最关心的:完全免费。 没有订阅费,没有内购,功能全开。只要你能用 Power BI Desktop,你就能用它。
🚀 二、Charticulator 能做什么?核心能力深度解析
Charticulator 并不是简单的"图表生成器",它提供了一套完整的数据可视化语法。它究竟强在哪里?我们从以下 5 个核心维度来详细拆解:
1️⃣ 零代码实现像素级定制(Pixel-Perfect)
传统的 Power BI 图表,颜色、标签位置、间距往往是固定的,或者只能在有限的选项里调。 而在 Charticulator 中,你可以通过 Glyph(字形)编辑器 掌控一切:
- 任意布局:你可以把条形图放成圆环状、螺旋状,或者沿着自定义的贝塞尔曲线排列。
- 高度自定义形状:不局限于圆点或矩形,你可以用图标、图片甚至自己画的 SVG 形状作为数据点。
- 精细排版:数据标签放在柱子里面、外面、上面、还是跟随曲线弯曲?都可以由你通过鼠标拖拽决定。
2️⃣ 轻松驾驭复杂的高级图表
很多在 Power BI 中需要付费插件或者写 Python/R 代码才能实现的图表,在这里是"常规操作":
- 关系流向类:桑基图(Sankey)、和弦图(Chord)、弧线图(Arc Diagram)。
- 多维分布类:蜂群图(Beeswarm)、点阵图(Dot Plot)、螺旋图。
- 层级结构类:圆形填充图(Circle Packing)、旭日图(Sunburst)。
- 无需代码:所有这些复杂图表,都是通过简单的"连线"和"堆叠"逻辑生成的。
3️⃣ 强大的模板化与复用能力
这对于企业级应用至关重要。你不需要每次都从零开始画图。
- 导出模板:当你设计好一个完美的 KPI 卡片或特殊图表后,可以将其导出为
.tmplt文件。 - 团队共享:同事只需要导入这个模板,把他们的数据字段拖进去,就能立刻生成一模一样的图表。
- 统一规范:非常适合用来制作符合公司 VI(视觉识别)标准的图表库。
4️⃣ 支持类 D3 的数据绑定与表达式
虽然号称零代码,但为了满足高级需求,它支持类似 D3.js 的表达式逻辑,让你拥有"写代码般"的控制力:
- 动态属性:你可以让圆点的大小由销售额决定,颜色的深浅由利润率决定,边框的粗细由同比增长率决定——这被称为"数据绑定"。
- 表达式控制:例如,你可以用
d3.format(".1f")(value) + "%"这样的简单公式,精准控制标签是显示 "12.5%" 还是 "12%"。
5️⃣ 与 Power BI 的无缝原生集成
它不是一个外挂工具,而是原生集成在 Power BI 内部的:
- 交互联动:Charticulator 生成的图表,完全支持 Power BI 的切片器(Slicer)筛选、交叉高亮(Cross-highlighting)和钻取。
- 直接发布:做好的报表可以直接发布到 Power BI Service,无需额外配置,网页端和手机端都能完美查看。
🗺️ 三、Charticulator 学习路线图(从小白到大神)
很多新手打开 Charticulator 会被它的界面吓退。别慌,按这个路线图走,效率最高:
第一阶段:认知与模仿(1-3天)
- 目标:理解三大核心概念——Glyph(字形)、Plot Segment(绘图区)、Attributes(属性)。
- 动作:
- 安装 Charticulator 插件。
- 去官网或社区下载
.tmplt模板文件。 - 导入模板,替换成自己的数据,观察图表变化。
- 产出:能用现成模板做出桑基图、和弦图。
第二阶段:自定义修改(1周)
- 目标:不满足于模板,开始修改细节。
- 动作:
- 学习如何改变颜色映射(Color scales)。
- 学习修改坐标轴(Axes)的排序和范围。
- 尝试调整 Glyph 的形状(比如把圆点变成正方形,把矩形变成圆角)。
- 产出:能制作符合公司配色的半定制图表。
第三阶段:从零构建(2周+)
- 目标:白板起步,只有数据,没有模板。
- 动作:
- 理解 Scaffold(脚手架):极坐标(Polar)vs 直角坐标(Cartesian)。
- 掌握 Layout(布局):如何做堆叠、打包(Packing)。
- 学习 Links(连线):制作节点关系图。
- 产出:制作出棒棒糖图、雷达图、DNA 图、甚至自定义的异形 KPI 卡片。
🛠️ 四、实战案例:制作"品牌化圆角棒棒糖图"
光说不练假把式。我们来模拟一个场景:
需求:老板觉得普通的条形图太死板,要求做一个更有设计感的"棒棒糖图(Lollipop Chart)",并且要符合公司的品牌色(比如科技蓝),标签要显示在圆点里面。
Power BI 原生图表很难完美实现,但 Charticulator 分分钟搞定。
准备工作
- 打开 Power BI Desktop。
- 点击"可视化"面板的三个点
...->获取更多视觉对象-> 搜索Charticulator并添加。 - 数据准备:简单的两列数据,
产品(文本)和销售额(数字)。
步骤 1:加载数据
- 点击可视化面板中的 Charticulator 图标。
- 将
产品拖入 Data 字段,将销售额拖入 Data 字段。 - 点击视觉对象右上角的三个点
...,选择 Edit(编辑)。- 注意:此时会弹出一个全屏的编辑器界面。
步骤 2:设计"字形"(Glyph)
这是最关键的一步。Charticulator 的逻辑是:你设计一个数据的样子,我帮你把所有数据都画出来。
- 画棒棒糖的"杆":
- 在顶部工具栏的 Marks 里找到
Line(直线)。 - 在 Glyph 画布(左侧那个小方框)里,从下往上画一条线。
- 在顶部工具栏的 Marks 里找到
- 画棒棒糖的"糖":
- 在 Marks 里找到
Symbol(圆点)。 - 拖拽到刚才那条线的顶端,让圆心对准线头。
- 现在,你的 Glyph 看起来像一根火柴。
- 在 Marks 里找到
步骤 3:数据映射(Plot Segment)
我们要把这根"火柴"按照数据画出来。
- 点击顶部工具栏的 Plot Segments(通常默认已有一个 PlotSegment1)。
- 选中中间大的绘图区。
- 绑定 X 轴(类别):把右侧 Data 面板里的
产品字段,拖拽到绘图底部的 X 轴区域。 - 绑定 Y 轴(高度):
- 回到左侧 Glyph 面板。
- 选中那根
Line(杆子),在属性面板找到Height(高度),点击旁边的小回形针图标,选择销售额。 - 选中那个
Symbol(圆点),在属性面板找到Center Y,同样绑定销售额。 - 此时,你会看到预览区出现了一排高低不一的棒棒糖!
步骤 4:品牌化修饰(搞定老板的需求)
- 颜色:选中圆点,在属性面板的
Fill颜色里,输入公司的品牌色号(例如#0078D4)。 - 大小:把圆点的
Size调大一点,显得可爱且醒目。 - 标签入圆:
- 在 Glyph 面板,从工具栏拖一个
Text(文本)放到圆点中心。 - 把
Text的内容绑定为销售额。 - 把字体颜色改为白色,居中对齐。
- 在 Glyph 面板,从工具栏拖一个
步骤 5:保存与应用
点击编辑器左上角的 Save,然后点击 Back to Report。
见证奇迹的时刻:你的 Power BI 画布上,出现了一个原生的、可交互的、完美的棒棒糖图!如果不满意,随时点 Edit 进去改,不用重做。
🔚 五、写在最后
Charticulator 不是用来完全替代原生图表的(毕竟原生图表生成快)。
它的定位是:当原生图表"不够用"、"不好看"、"无法满足品牌规范"时的救世主。
从今天开始,不要再对老板说"Power BI 做不到"了。打开 Charticulator,让你的报表从"表哥表姐"水平,直接跃升为"数据可视化专家"。
资源推荐:
- 官网:charticulator.com (含大量 Gallery 案例)
- AppSource:搜索 Charticulator 即可免费下载