| Title_font | ||
|---|---|---|
|
| Wiki 标记 |
|---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
业务场景描述：
统计一周的收支增减变化情况。
数据结构：收支情况有正负之分，而且是一个随时间变动的数据流。
收支情况有正负之分，而且是一个随时间变动的数据流，需要有一个最终的汇总情况，表示最后的余额。
定制要点：
将“日期”字段作为“分类（X）轴”，“收支情况”字段作为“指标（Y）轴”。
预览效果：
如上瀑布图表示了一周的收支情况，红色柱条表示收入，蓝色柱条表示支出，收入柱条的下方表示起点，上方表示终点，支出柱条的上方表示起点，下方表示终点，柱条的高度表示该日期所对应的值，后一个柱条是以前一个柱条的终点高度作为起点，最后一个柱条终点所在高度对应的值就是收入支出后的余额；
2017-04-01对应柱条为红色，表示收入，收入柱条下方为起点，上方为终点，柱条的高度代表收入值为253；2017-04-02对应的柱条为蓝色，表示支出，支出柱条上方为起点，下方为终点，柱条的高度代表支出的值为18；2017-04-02的柱条是以2017-04-01柱条的终点作为起点；如上图，从2017-03-31到2017-04-02收入支出余额为2017-04-02柱条终点即下方对应高度的值。
关于柱条的起点和终点说明如下：
- 收入柱条的下方表示起点，上方表示终点。
- 支出柱条的上方表示起点，下方表示终点。
柱条的高度：表示该日期所对应的值，后一个柱条是以前一个柱条的终点高度作为起点，最后一个柱条终点所在高度对应的值就是收入支出后的余额。
如图：9月2日对应的柱条表示收入，下方为起点，上方为终点，柱条的高度代表收入值为253；9月3日对应的柱条表示支出，上方为起点，下方为终点，柱条的高度代表支出的值为18。
9月3日的柱条是以9月2日的柱条的终点作为起点。
从9月1日到9月3日收入支出余额为9月3日柱条终点即下方对应高度的值。
