`

图形化工具jqplot使用梳理2--多数据组装

阅读更多

接着图形化工具jqplot使用梳理1向下应用

场景,一组数据,相同的趋势用一种颜色标记,只有两种趋势,要么高要么低

思路:连续的数据,进行高低高低高低的顺序进行组合成一个比较大的数组,进行展示,后台进行数据的整理。
 var plot1 = $.jqplot('netWorthChart', ${netWorth}, {    
    title:'${netWorthTitleBuf}',
    series:[
                ${netWorthMark}
    ],
    //legend: {
       //   show: true,//设置是否出现分类名称框(即所有分类的名称出现在图的某个位置)
       //   location: 'nw'
    //},       
    seriesColors: ["#ff0000","#00ee00"],--数组越界的话,从头开始
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
        tickOptions: {
            angle: 70,  //倾斜角度
            fontSize: '10pt'
        }
    },
    ......
    }
  );

总的集合
List<Object> arrayList = new ArrayList<Object>();
小的集合
List<Object[]> netWorthSet = new ArrayList<Object[]>();
小的集合是一个规律添加到总的集合中

注意为了线的连续性,要注意后面的小的集合要添加上个结合的最后一个
//结果集
String netWorth = mapper.writeValueAsString(arrayList);

//只出趋势图不要market,所以要对每个小集合进行设置
for(int i=0;i<=arrayList.size()-1;i++){
    String netWorthMark = {showMarker:false}的组拼
    
    
效果图

 

  • 大小: 22.5 KB
分享到:
评论

相关推荐

    数据同步工具datax-web可视化工具

    数据同步工具DataX-Web是一款基于DataX的可视化数据迁移工具,它提供了用户友好的界面,使得数据库之间的数据同步变得更加简单和直观。DataX是阿里巴巴开源的一款强大的数据同步框架,支持多种数据库之间的数据迁移...

    一款mysql的图形化界面操作工具---SQLyog

    一款mysql的图形化界面操作工具---SQLyog 内含32位 和 64位 并有注册表工具破解,安装完后注意使用SQLyog-11.3.0-0.x86.reg 或 SQLyog-11.3.0-0.x64.reg 破解

    linux 下的git图形化工具 gitk git-gui

    虽然命令行界面在日常开发中非常强大且高效,但有时候,一个图形化的用户界面(GUI)可以让初学者或者那些喜欢视觉化操作的人更易理解和使用Git。这就是`gitk`和`git-gui`的用武之地。 `gitk`是一款基于Tcl/Tk库的...

    Linux DHCP图形化管理工具

    在Linux上安装和使用DHCP图形化管理工具的一般步骤如下: 1. **安装依赖**:首先,确保系统已经安装了必要的编译环境,如Gcc和g++。在基于Debian或Ubuntu的系统中,可以使用`sudo apt-get install build-essential`...

    redis图形化界面工具

    2. 常见的Redis图形化界面工具: - Redis Desktop Manager:跨平台的开源工具,支持多种语言,提供数据浏览、编辑、备份等操作。 - RedisInsight:由Redis Labs开发的官方可视化工具,集成在Redis Enterprise中,...

    jperf-2.0 图形化iperf网络测试工具

    这个工具在系统管理员、网络工程师和开发者中广泛使用,因为它能提供详细的网络性能数据。iperf的图形化界面版本——jperf,为用户提供了一个更直观、友好的操作环境,特别是对于那些不熟悉命令行界面的用户。 **...

    G系列流程图H5化自动部署工具-2020-10-21.zip

    本资源包"G系列流程图H5化自动部署工具-2020-10-21.zip"针对的是G6产品线的多个版本,包括V6.1SP1,V6.1,V5.80SP1,V5.80,V5.71SP1,V5.71, V5.70,V5.6SP1以及V5.6,提供了便捷的流程图H5化与自动化部署解决方案...

    HBase的图形化管理工具/Hbase的GUI工具

    由于网上下的不支持最新的hadoop,hbase 版本自己稍微修改了下,支持最新版本HBase的图形化管理工具,目前修改改为hadoop-2.7.1版本,hbase-1.1.2版本,依赖可以自己切换,源代码已经包括再里边了,如想修改直接修改...

    PB图形化工具

    PB图形化工具是一种用于报表和数据可视化的重要工具,它基于PowerBuilder(PB)这一老牌的面向对象的开发环境。在PB开发中,图形化展示能够有效地帮助用户理解复杂的数据,提高数据分析的效率,并且增强决策制定的...

    mysql图形化界面工具

    描述中提到“和使用命令一样好用”,意味着该工具虽然以图形化界面呈现,但功能强大,可以媲美命令行工具,如`mysql`客户端,用户可以在GUI环境中执行大部分命令行能做的任务,如创建数据库、表,插入、更新和删除...

    jquery 图形报表插件jqplot 简介及参数详解

    jqPlot 支持自定义日期轴线、旋转轴文字、自动计算趋势线以及工具条提示和高亮数据点等功能,让开发者能够创建出具有专业视觉效果的数据可视化图表。 在使用 jqPlot 时,开发者可以通过调整各种参数来定制图表的...

    jqplot图形报表开发

    jqPlot是一款基于jQuery的数据可视化库,它允许开发者创建各种复杂的图表和图形报表。这款JavaScript库在Web应用中广泛使用,特别是在需要动态数据展示或者交互式图表的场合。本篇文章将详细探讨jqPlot的使用和其...

    redis图形化管理工具.zip

    redis图形化管理工具,resdis-desktop-manager-2020.01版本,良心资源,无需破解

    zookeeper客户端 图形化界面

    3. 版本兼容:确保使用的图形化工具与运行的Zookeeper版本兼容,以保证功能的完整性和稳定性。 总结,Zookeeper客户端图形化界面为Zookeeper的管理和维护提供了便利,通过直观的图形展示和便捷的操作,使得...

    意法半导体ST系列MCU图形化配置工具-STM32Cube

    意法半导体ST系列MCU图形化配置工具-STM32Cube,快速开发,MCU代码通用 .

    支持最新版本HBase的图形化管理工具/Hbase的GUI工具

    至于"图形化工具",它的价值在于提供直观的视图,帮助用户更好地理解HBase的数据分布和查询结果。例如,它可能会有数据热图显示,帮助用户识别数据热点;或者提供实时的QPS(每秒查询数)和延迟指标,以便于监控系统...

    图形化scratch文件转换工具toExetosb2toswf加送素材提取工具

    图形化scratch文件转换工具图形化scratch文件转换工具图形化scratch文件转换工具图形化scratch文件转换工具图形化scratch文件转换工具图形化scratch文件转换工具图形化scratch文件转换工具图形化scratch文件转换工具...

    jmeter图形化监控工具ServerAgent-2.2.3

    jmeter图形化监控工具ServerAgent-2.2.3,这是2.2.3版本

    MySQL知识精讲+mysql实战案例视频.zip

    10-MySQL常用的图形化管理工具-介绍 11-MySQL常用的图形化管理工具-Navicat安装 12-MySQL常用的图形化管理工具-SQLYog安装 13-MySQL常用的图形化管理工具-连接MySQL 14-MySQL数据库基本操作-DDL-数据库操作 15-MySQL...

Global site tag (gtag.js) - Google Analytics