zoukankan      html  css  js  c++  java
  • 利用组合图对数据按百分比区间进行对比展示的实例

    需求:
    业务记录中,有定额值和实际库存值两个数值字段,需要按照产线,将库存值与定额值按照定额值的90%、90%--100%、100%以上三段对比,显示实际库存值与定额值的对比情况。如下图:


    本文介绍如何通过组合图设计这类特殊图表。
    1.基于原始数据情况,对数据进行预处理;
     

    其中:process_line:产线名称;dinge:定额;kucun:实际库存;
    根据组合图的数据需求,编写sql处理数据为以下结构:

    Sql脚本:
    select * from (
    select process_line,dinge,kucun,
    case  when kucun<dinge*0.9 then kucun else dinge*0.9 end as '分割值','百分之90以下' as 分割区间,1 as 排序
    from cdgt
    union
    select process_line,dinge,kucun,
    case when kucun>dinge*0.9 and kucun<dinge then kucun-dinge*0.9
    when kucun>dinge  then dinge*0.1
    else 0
    end as '分割值','百分之90到100' as 分割区间,2 as 排序
    from cdgt
    union
    select process_line,dinge,kucun,
    case  when kucun>dinge then kucun-dinge else 0 end as '分割值','百分之100以上' as 分割区间,3 as 排序
    from cdgt
    ) t order by process_line,排序


    2.创建仪表板数据集;
    2.1.使用上面的sql,创建自定义表:

    2.2使用自定义表,创建仪表板数据集。

    3.创建仪表板,选择组合图,进行数据绑定和细节设置。
    3.1组合图数据绑定,注意做左值轴需绑定为dinge数据的平均数;


    分别在左轴绑定定额值:dinge;右轴绑定实际库存kucun;分类轴绑定产线process_line;系列轴绑定分割区间;

    3.2修改右值轴的图表类型和系列的作用轴;
    将右值轴改为堆积柱形图;将系列的作用轴从默认改为右值轴;


    3.3根据左值轴和右值轴的最大数据,设置合适的轴值范围;左右保持高度和间隔一致;


    3.4设置显示数据标注;

  • 相关阅读:
    Redis常见问题及解决方案
    Maven构建报错问题解决
    Nginx正向代理设置
    Linux下限制某程序CPU占用
    Linux-flock文件锁的使用
    Python将print输出内容保存到指定文件中
    使用Zabbix官方模板监控Redis运行状况
    阿里云ossfs配置
    docker swarm 集群及可视化界面的安装及配置
    http://www.fx114.net/qa-24-116329.aspx
  • 原文地址:https://www.cnblogs.com/edoo/p/13919545.html
Copyright © 2011-2022 走看看