一、定义

为用户要看的二维数据中的一个维度,包括 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