一、定义
为用户要看的二维数据中的一个维度,包括 X 轴、Y 轴、极坐标。
二、X轴结构
组成:X 轴线,刻度,注释(非必要)。
X轴线
1、 可以出现或隐藏
2、 可以在上部或下部或中
3、 一个内容区只能出现一个X轴
4、 X 轴可以带上其他功能。比如报警点展示
刻度
1、 刻度方向:纵向,横向或者向左或向右
2、 刻度可以隐藏
3、 刻度和场景的关系
注释
位置:左,右,中或
三、Y 轴结构
组成:Y 轴线、刻度、注释(非必要)
Y 轴线
1、 可以出现或隐藏
2、 可以在左侧,右侧,或中间
3、 一个内容区可以同时出现小于5个的Y轴
刻度
1、 Y 轴最下方为 0 开始(特殊场景除外)
2、 刻度内容不能大于 6 位数,如果是纯数字,则采用 k,m,b 等千位分隔符单位。例如:1000 则写做 1k
3、 刻度数量不得超过 10 个,如果遇到线过多,可以进行等分设置,刻度为方便记忆的数值。
4、 刻度之间要有一定的规律,比如:等比,等分,等分+等比
Y轴注释
位置:上,中,下或无
四、极坐标结构
组成:圆形坐标轴、半径坐标轴
圆形坐标作为x轴,半径坐标轴作为y轴
五、使用规范
标题/单位字体:#999 12px
刻度字体:#3c3c3c 12px 倾斜度:45%
轴,刻度:#ccc 1px