反馈已提交

网络繁忙

人口金字塔

  • 文档创建者:Holly
  • 历史版本:13
  • 最近更新:Alicehyy 于 2022-06-14
  • 1. 概述

    1.1 应用场景

    人口金字塔就是按照人口年龄和性别表示人口分布的塔状条形图,形象地展示了人口的年龄和性别构成。

    横轴表示人口数量、纵轴表示年龄段,性别通过不同颜色区分。效果如下图所示:

    Snag_49caca6b.png

    1.2 实现思路

    要实现这种双向条形图,有两个要点:

    1)需要使用辅助数据。例如原本为正数的人口,辅助数据要将其中某一性别的人口数变为负数,才能实现方向相反的效果。

    2)因为辅助数据中有负数,那么图表坐标轴 X轴 也会存在负数,此时需要通过图表属性面板「样式>坐标轴>X轴>格式」自定义轴标签格式,使负数显示为正数。

    2. 示例

    2.1 准备数据

    点击下载示例数据:人口结构数据.xlsx

    新建普通报表,新建 文件数据集 ,将下载的 Excel 数据上传到模板中。

    本文示例已将模板输出为内置数据集「人口结构数据」,可以看到辅助列中男性的人口数据为负数,女性的人口数据为正数。如下图所示:

    Snag_49d4fd32.png

    2.2 插入图表

    合并一片区域单元格,点击工具栏「插入图表」按钮,选择条形图。如下图所示:

    Snag_49db28c9.png

    2.3 设计图表

    2.3.1 绑定数据

    选中图表,绑定图表数据如下图所示:

    2022-06-14_10-12-03.png

    2.3.2 设置样式

    1)点击图表属性面板「样式>标题」,输入文本「人口金字塔」。如下图所示:

    2022-06-13_17-26-13.png

    2)点击属性面板「样式>系列」,将「系列间隔」设置为 -100% ,使系列之间没有间隔不会产生错位。如下图所示:

    Snag_4a7015f8.png

    3)点击属性面板「样式>坐标轴」,自定义 X轴 轴标签格式,将小于 0 的数乘以 -1 变为正数展示出来。

    代码如下:

    function() {
     if (this > 0) return this ;
     else return this * (-1) ;
    }

    如下图所示:

    Snag_4a757825.png

    4)由于图表数据使用的辅助列,那么图表的标签或提示中男性的人口数据也显示为负数。这时我们可以设置标签或提示为 富文本 ,在富文本编辑器中使用「数据集字段」中均为正数的「人口」字段。如下图所示:

    Snag_4a7fe9f9.png

    2.4 效果预览

    2.4.1 PC 端

    保存模板,点击「分页预览」,效果如下图所示:

    Snag_4a81e4ee.png


    2.4.2 移动端

    同时支持 App 和 H5 端预览,效果如下图所示:

    Snag_4a838417.png


    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\BarChart\人口金字塔.cpt

    点击下载模板:人口金字塔.cpt

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持