zoukankan      html  css  js  c++  java
  • 如何在仪表板中设计包含堆积柱形图和折线图的组合图?

    在用Wyn Enterprise图表工具展示数据时,由于数据的数量级或者数据单位不一致,用同一种图表类型按照同一坐标轴来展示数据,无法很好地展示数据。
    例如,销售额和销售完成率,一个是绝对数字,为整数;一个为相对数字,大部分为小数,数值较小,不是一个数量级。
    对于此类数据的展示,我们可以采用组合图。即在两个数据分别以两个不同数据区间的坐标轴作为数值轴。也可以设置为不同的图表类型。
    本文以堆积柱形图和折线图组合为例,介绍组合图的数据绑定设置。
    效果图:

    其中:以月份作为分类轴,分别在左轴展示各类产品销售利润的对接柱形图;在右轴展示每月的利润率。
    要点:数据的绑定值轴;系列值的作用范围;各轴的图表类型设置。

    步骤:
    1.在图表类型中选择组合图,放置到仪表板Dashboard设计面板中;


    2.组合图的数据绑定。
    以内置Wyn Enterprise Demo数据源中的销售明细数据为例。我们来看看绑定规则。
    我们来看下默认绑定分类、系列、左值轴和右值轴的效果。很明显和我们要实现的效果有差异。这是因为两点:
       2.1.系列值是有作用范围的,默认是作用到了双轴;
       2.2.每个系列的图表类型是可以调整的,默认左轴的柱形图是普通柱形图,而不是对接柱形图。


    3.调整系列值的作用范围。
    将系列值的作用范围从默认调整为左值轴,因为我们只需要看每个月每种类型产品的销售利润,而不需要看每个类型产品的利润率。


    4.调整左值轴的图表类型。
    将左值轴的图表类型调整为堆积柱形图。


    通过调整系列的作用范围和值轴的图表类型就实现了我们要的效果。当然右值轴的图表类型也可以根据需要进行调整。

  • 相关阅读:
    第二代:晶体管计算机
    第一代计算机
    Android应用在不同版本间兼容性处理
    eventBus
    realm
    ijkplayer详解AAA
    USB 3.0规范中译本 第3章 USB 3.0体系结构概览
    ES6 学习笔记
    07_通过上下文获取常见目录
    06_登陆案例保存信息完成
  • 原文地址:https://www.cnblogs.com/edoo/p/13541044.html
Copyright © 2011-2022 走看看