NB Charts

数据可视化，让多少设计师叫苦不迭！要么得花大量时间手动绘制，要么只能从模板里”东拼西凑”。偏偏老板又总是说：”这个柱状图颜色再改改，那个折线图样式再换换。”改来改去，眼看着 deadline 就要来了，离下班又遥遥无期……谁来拯救我们的效率和睡眠？

别担心，小伙伴们！咱们的”神器” NB Charts 马上就要隆重登场咯！它就像是设计师的”百宝箱”，各种酷炫的图表都给你备好了。

NB Charts（拉框助手）是由武汉灰大科技有限公司开发的一款基于Photoshop / Xd / Sketch / Figma的插件。它能够快速生成各种图表，包括折线图、柱状图、饼图、雷达图、散点图、气泡图、玉珏图以及全国各省市的地图。NB Charts 以其简单易用和高度自定义的特点，帮助设计师节省时间并提高工作效率。无论是数据可视化还是 UI 设计，NB Charts 都能轻松胜任。

• NB Charts（拉框助手） sketch插件下载地址：https://www.nbchart.com/ps/index.php
• NB Charts（拉框助手） sketch Photoshop插件下载：https://www.nbchart.com/sketch/index.php
• NB Charts（拉框助手）Xd插件下载地址：https://www.nbchart.com/xd/index.php
• NB Charts（拉框助手）Figma插件下载地址：https://www.nbchart.com/figma/index.php

NB Charts官网界面截图

NB Charts的主要功能特点

1. 多种图表类型：支持折线图、柱状图、饼图、雷达图、散点图、气泡图、玉珏图以及全国各省市的地图。
2. 快速生成：通过简单的操作即可快速生成所需图表，节省设计时间。
3. 高度自定义：支持样式保存和数据导入导出，用户可以根据需求自定义图表样式。
4. 跨平台兼容：兼容 Photoshop、Xd、Sketch 和 Figma 等多种设计软件。
5. 数据可视化：帮助设计师将复杂的数据转化为直观的图表，提升数据展示效果。

适用场景

1. 数据可视化：适用于需要将复杂数据以视觉形式呈现的场景，如商业报告、市场分析和学术研究。
2. UI/UX 设计：帮助设计师在设计界面时快速生成图表，提高工作效率。
3. 演示文稿：在制作 PPT 或其他演示文稿时，快速生成高质量的图表，提升视觉效果。
4. 教育培训：用于教学和培训材料中，帮助学生和学员更直观地理解数据。

使用 NB Charts 插件绘制图表的保姆式教程

1.安装插件：

从 NB Charts 官方网站下载插件文件。解压下载的文件，找到 NBCharts.xdx 文件，双击该文件并选择“本地安装”，确认安装提示即可。

2.绘制图表：

1. 选择工具：在设计软件中打开 NB Charts 插件，选择你需要绘制的图表类型（如折线图、柱状图、饼图等）。
2. 创建选区：使用矩形选框工具（M）在界面上绘制一个矩形选区。
3. 设置参数：根据需要勾选图表的各项内容，如横线、竖线、文字、线条等。
4. 输入数据：选择是使用随机数据还是固定数据。如果是固定数据，输入每个点的值，用英文逗号分隔。
5. 绘制图表：点击“自动绘制”按钮，插件会自动生成图表。

3.自定义图表：

• 样式调整：可以设置图表的颜色、线条样式、圆点大小等参数。
• 添加数据：如果需要多组数据，可以点击“增加一组数据”按钮，输入相应的数据参数。

4.导入导出数据：

• 导入数据：支持导入 JSON 数据文件，直接生成图表。
• 导出数据：可以将图表数据导出为 JSON 文件，方便后续使用。