大家好，我是灰色执照~ 很开心又和大家见面了。

上个月我利用空闲时间学习了一下立体方面的编程知识，努力学习了一个礼拜后，我准备做个学习总结，于是又用了 7 天做出了 NB Map 这款三维地图产品。

这就是之前制作的 NB Map，它可以快速的制作国内外各个省市区的三维地图。你可以访问下面链接去详细了解一下它：

没想到 NB Map 受到了很多设计师的关注，于是我马不停蹄的又努力了 20 天，全新的产品 NB PIE 诞生了~

NB PIE 是一款制作立体饼图、环形图、玫瑰图的网页工具。它可以生成透明背景的 PNG 图片，可以生成带有动画的 GIF 动图，可以生成制作视频的 PNG 序列帧图片。你不需要打开任何三维软件，可以用最快的速度得到一个立体饼图。

这就是用 NB PIE 导出的动画。

你可以设置“镂空”属性，把饼图弄成环形图表，动画就变成了这个样子。

你可以修改动画的类型和运动的曲线，让动画以不一样的方式呈现。

这就是 NB PIE 的主界面了，它的顶部可以调整饼图的各种样式和动画，左侧设置饼图每项数据的名称和数值，右侧设置灯光、线条、字体等相关参数。

通过拖拽屏幕，你可以非常方便的把饼图调整到你需要的角度，如果饼图太大或者小太，你可以通过鼠标滚轮缩放它。NB PIE 生成的饼图其实是矢量的，无论你缩放多大，都会非常清晰。

点击左侧的加号或者减号，饼图的数量就对应的增加或者减少了。

可以很方便的修改饼图数据的名称和数值。饼图会根据你的修改自动变化。

还可以设置“高低错落”属性，饼图就会根据数值按比例展示不同的高度。

可以通过设置“镂空”属性，让饼图变成环形图。

你还可以把饼图切换成兰丁格尔玫瑰图

NB PIE 可配置和调整的参数非常的多，基本可以满足你日常工作中对饼图的全部需求。由于篇幅有限，我这里就不详细介绍了。感兴趣的朋友可以去 B 站看我录制的视频教程了解其全部内容和细节：https://www.bilibili.com/video/BV1Hu411e78H/

在调整好参数和角度后，你可以点击菜单栏顶部的下载按钮。NB Pie 支持下载透明背景的 png 图片，支持下载 gif 动画，它甚至支持下载 png 序列帧。

如果想做视频或者交付逐帧动画，你可以下载 png 序列帧。你可以利用这些图片合成为 apng 交付开发。可以拿他们做成视频……

戳右边链接，就是这款产品的主页了：https://www.pslkzs.com/chart/charts.php

这就是 NB PIE 的主页了，点击 开始绘制 按钮，你就可以开始绘制饼图了。

凡是饼图相关的，我都已经尽我所能，把能想到的功能都做到 NB PIE 里面了。但是我一个人的想法毕竟局限性较强，欢迎你使用这款产品后，到我们微信设计群里面给我提出改进意见和新的功能需求。你可以加微信：nbchart 我拉你进入设计群。

制作这样一款产品真的很辛苦，这 20 天的时间内我几乎满脑子都是各种数学函数的算法，晚上做梦都是在计算圆弧……希望 NB PIE 能够让大家真正体会到方便、快捷。能够缩短你的工作时间，能够真正的给大家带来价值……

我是灰色执照，此刻我的脑子里又有了一些新的想法，我要去开发新的设计产品了，我们下次见面时，依旧会给你带来惊喜~

欢迎关注作者微信公众号：「灰大设计」

原作者：优设@ 灰色执照