• 图表图例的设置方法


    Wyn Enterprise的图表图例是为了让报表用户直观分辨图形元素代表的含义。根据图形的数据绑定设置,图例分两种,一种是标明多个数值字段,另一种是标明【明细】字段的枚举数值。


    (一)多个数值字段的图例设置
    以柱形图为例,【数据字段】处可以拖放多个数值字段,即为Y轴绑定多个字段,如下图:

    图中绑定的数值字段有两个:订单金额 和 订单利润。
    右侧的图例显示出每个柱子代表的数值字段。
    设置这种图例的方法是:
    (1)选中图表的绘图区域,注意不是选中整个图表
    (2)设置【显示数值名称】为【是】,如下图:


    (二)明细字段的图例
    如果柱形图每个X轴点有多个柱子,而且这些柱子是根据同一个数值字段的多个【明细】分类绘制的,那么就需要用【颜色】字段来设置图例了。
    方法如下:
    (1)拖放某个分类性质的字段至图表右侧的【明细】部分,如下图:

    注意这个字段的值,应该是一组有限数量的枚举值,因为实际绘制图表时,X轴上的每一个点,都会为每一个明细字段的值,绘制一个小柱形,如果明细字段值有很多,最终的柱形图就很难分辨了。
    (2)点击图表右侧的【颜色】,将【明细】那个字段也拖到【颜色】框内,如下图:

    这样绑定颜色字段之后,预览时就是按颜色字段的值来显示图例了,如下图:


    注意:
    两种图例是互斥的,也就是说,如果绑定了【颜色】字段,那么此前设置的多个数值字段的【显示数值名称】将自动被设置为【否】。

  • 相关阅读:
    vue-搜索功能-实时监听搜索框的输入,N毫秒请求一次数据
    vue-注册全局过滤器
    vue-nuxt--切换布局文件
    vue.js 分页加载,向上滑动,依次加载数据。
    Vue.js项目引入less文件报错解决
    小程序/js监听输入框验证金额
    React 安装
    类垂直站点插件实现与分享
    多维度论怎样在日常中提升
    node.js的安装环境搭建
  • 原文地址:https://www.cnblogs.com/edoo/p/13900652.html
Copyright © 2020-2023  润新知