渐变折线图插件

  • 文档创建者:caott666
  • 编辑次数:9次
  • 最近更新:Leo.Tsai 于 2020-03-24
  • 1. 概述

    1.1 版本

    报表服务器版本

    JAR 包版本

    插件版本

    10.02017-12-15
    V1.1
    9.0
    8.0

    1.2 应用场景

    折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化,它的特点是反映事物随时间或有序类别而变化的趋势。

    现在提供渐变折线图插件,它为传统折线图增加曲率效果,用户可以配置折线的粗细以支持自定义渐变色、阴影和描边的特效。插件支持丰富的原生折线图功能,包括基本的标题背景配置,还有坐标轴及图例、tooltip 的设置项。

    效果如下图所示:

    Snag_19f34a5f.png

    1.3 功能介绍

    • 支持标题的文本、颜色、边框、背景配置。

    • 支持图例的隐藏与显示及位置的配置。

    • 支持配色,包括内置配色与自定义配色。

    • 支持设置折线粗细。

    • 支持坐标轴配置,包括轴线颜色、文本颜色、轴标题、轴文本的隐藏域显示、轴正序与逆序的配置。

    • 支持设置是否显示工具栏。

    • 支持将图表导出为图片。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:渐变折线图插件

    设计器插件安装方法参照:设计器插件管理

    服务器安装插件方法参照:服务器插件管理

    2.2 操作方法

    打开设计器,点击图表,选择渐变折线图插件,拖拽至相应的 frm 报表。

    QQ图片20200323215947.png

    2.3 属性设置

    2.3.1 数据

    注:暂不支持单元格数据。

    数据集数据

    2020-03-23_22-11-09.png

    2.3.2 样式

    1)标题

    此处可设置标题及字号、标题边框、标题背景。

    2020-03-23_22-11-41.png

    2)图例

    此处可设置图例位置、文本颜色。

    2020-03-23_22-12-05.png

    3)风格

    此处可设置风格配色、背景、折线风格。

    2020-03-23_22-12-31.png

    4)坐标轴

    此处可设置轴线颜色、文本颜色、X轴、Y轴。

    2020-03-23_22-12-58.png

    5)工具栏

    此处可配置是否显示工具栏。

    2020-03-23_22-13-20.png

    3. 示例

    3.1 数据准备

    新建如下图所示内置数据集,重命名为公司各部门第一季度盈利分析

    2020-03-23_22-19-37.png

    3.2 报表设计

    1)新建决策报表,修改body组件布局方式为绝对布局,将渐变折线图拖拽到报表设计主体中,调整渐变折线图的框体大小。

    QQ图片20200323220101.png

    2)如下图绑定好渐变折线图的数据信息。

    2020-03-23_22-25-28.png

    3)标题

    可设置标题名称、边框、背景等属性。

    2020-03-23_23-21-53.png

    4)图例

    此处可根据需要选择,此处可按照默认选项。

    注:此功能存在 bug,设置无效。

    2020-03-23_22-12-05.png

    5)风格

    此处可设置图表风格,此处选择默认设置。

    注:此功能存在 bug,设置无效。

    2020-03-23_22-12-31.png

    6)坐标轴

    此处可设置图表的坐标轴。

    注:此功能存在 bug,设置无效。

    2020-03-23_22-12-58.png

    7)工具栏

    此处可根据需要选择是否显示工具栏。

    注:此功能存在 bug,设置无效。

    2020-03-23_22-13-20.png

    4. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\渐变折线图插件.frm

    点击下载模板:渐变折线图插件.frm

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!