|
头部国际药企G百万合同Dashboard看板项目
头部国际药企G百万合同Dashboard看板案例分享 Part 0 第1个可交付物MVP
头部国际药企G百万合同Dashboard看板案例分享 Part 1 第1个可交付物MVP图表制作
头部国际药企G百万合同Dashboard看板案例分享 Part 2 正式交付看板介绍(1)-- KPI与雷达图
头部国际药企G百万合同Dashboard看板案例分享 Part 2 正式交付看板介绍(2)--饼图、表格与气泡图
头部国际药企G百万合同Dashboard看板案例分享 Part 2 正式交付看板介绍(3)--地图、柱折图
头部国际药企G百万合同Dashboard看板案例分享 Part 3 正式交付看板图表制作(1)-- KPI与雷达图
头部国际药企G百万合同Dashboard看板案例分享 Part 3 正式交付看板图表制作(2)--饼图、表格与气泡图
头部国际药企G百万合同Dashboard看板案例分享 Part 3 正式交付看板图表制作(3)--地图、柱折图
I KPI指标卡组件
1. 组件
KPI指标卡支持多指标展示。将“当期”、“上期”、增长率三个指标加入“文本”参数。
2. 颜色
颜色的作用是突出重点，颜色越多，重点越多，反而削弱了图表表现效果。在本项目分析场景中增长是常态，因此只对指标下行加红色以提示，指标上行保持黑色。在颜色选择时，尽量选择饱和度偏低的色号，过强的颜色容易让用户产生“辣眼睛”的感觉，影响用户体验效果。
3. 样式
按重要性，配置文字尺寸。如当期指标值设置最大的40号字体。KPI组件指标排版支持富文本，可以单独自定义颜色、换行、对齐等。
虽然不支持分割线，但可以用“----------”的方式自己画一条。遗憾的是，颜色只能对整个KPI组件生效，无法进一步细化，自定义颜色时无法再通过传参等方式让自定义单个指标的颜色。
II 拆线雷达图组件
1. 组件
2. 颜色
如上文所述，将用于坐标轴数字格式自定义的第一个指标的颜色设置为透明，不干扰用户访问体验。市场代表整体，采用灰色就行。
3. 样式
拆线雷达图的样式构建难点在建模。“上架率”、“在售率”、“销售额”、“销售量”、“订单量”、“客单价”在建模时并非作为指标值，而是标签字段的值，如下图中的“value_show”字段。
其余字段是为了开发指标时，定义不同的口径，如下图所示，即可在指标中过滤出本期的GSK权重SKU指标
将“value_show”加至维度，重命名为截面；将计算好的指标加至纵轴。一个指标代表一条雷达线。多指标横向对比场景下，多指标的测量对象不同，如若对比直接值，如销售额对比订单数，则失去了分析意义。建议如本项目，仅对比波动幅度，也就是变化率。可以清晰的了解各指标波动的影响原因。
本项目中，采用了4个指标做了3条雷达线。第一个“*”指标并不显示，作用是用于定义纵轴坐标轴数字位数。如下图所示，虽然未直接将指标上标，但悬浮显示的指标值显示为1位小数。而纵轴坐标轴则为整数显示。FineBI图表的轴数字格式自动跟随第一个指标，并没有提供单独的数字格式配置方式。因此在业务中通常多配置1个指标，好实现坐标轴数字格式自定义，而不受后续指标数字格式的影响。
| 
