摹客教程

摹客教程

摹客,让设计更快更简单

图表组件

图表组件分类中有柱状图、条形图、曲线图和饼图四种组件。

1-图表.png

编辑图表之柱状图与条形图

双击柱状图或条形图进入编辑状态,以“40,橙”为例。“40”代表高度或长度为最大高度的40%,这个值最大为100,不能是负数;“橙”代表图形的颜色,也可以用16进制颜色码表示,如:#FFCE55。

2-图表.png

编辑图表之曲线图

双击曲线图进入编辑状态,以“20,70,-,60,100,黄色”为例。“20,70,-,60,100″表示曲线的折点数值,该数值最大也是100,“-”符号代表为空,表示没有数值;“黄色”代表曲线的颜色,也可以用16进制颜色码表示。

3-图表.png

编辑图表之饼图

双击饼图进入编辑状态,以“25,橙”为例。“橙”代表该部分颜色;“25”代表橙色占整个饼的百分比为25%,我们可以发现四部分加起来的值刚好为100。

4-图表.png

属性设置

图表组件可设置是否可见、透明度、边框、坐标轴和文字属性,其中饼图没有坐标轴属性设置,曲线图没有边框属性设置。

5-图表.png

图表组件可以通过组件右上方的链接点设置交互。

 

 

相关阅读


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!