图表

原型文件提供多种图表组件,包括柱状图、条状图、折线图,可快速设置数据与图表样式,方便在原型制作中直观地展示数据。

创建图表

  • 在“资源库-基础资源-图表”中,选择想要的图表拖拽到画布。

创建图表@3x.png

编辑图表颜色和数据

  • 选中图表,点击上方浮动窗口的「编辑图表数据」按钮;

  • 或双击图表,编辑图表颜色和数据。

修改图表数据@3x.png

编辑图表数据

打开数据窗口后,可直接编辑图表数据,支持添加、删除行和列。

  • 双击单元格,可编辑单元格数据。

  • 点击右侧或下方的「 + 」按钮,可以添加行和列。

  • 右键点击单元格,可以选择插入、删除行和列。

  • 点击标题左侧色块,可修改图表中对应标题的颜色。

添加删除行和列@3x.png

设置图表外观

1、切换图表类型:选中图表,可在右侧属性栏点击不同图表的图标,切换图表类型。

2、图例、坐标轴、网格、数据标签:

  • 选中图表,点击上方浮动窗口的「设置」按钮;

  • 或在右侧属性栏,可以开启或关闭图例、坐标轴、网格、数据标签。

  • 在右侧属性栏,可以修改图例、坐标轴、网格、数据标签的颜色、文字等属性设置。

开启设置开关@3x.png

设置坐标轴

  • 最大数值和起始数值:在右侧属性面板中,可以设置坐标轴的最大和起始数值。

  • 数值间距:数值间距决定了坐标轴上显示的数值之间的间隔。

  • 文本字号和颜色:支持自定义坐标轴文本色号,并修改文字字号。

设置坐标轴@3x.png

不同图表类型的适用场景

柱状图/条形图

柱状图和条形图常用于展示一段时间内的数值比较。

柱状图是垂直排列,更适合展示类别较少、名称较短的数据。

条形图是水平排列,更适合展示文字较长或数量较多的数据。 柱状图和条状图@3x.png

折线图

折线图以点和线连接的方式,更适合体现随时间变化数据的趋势与波动。 折线图@3x.png

👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。