图形化工具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}的组拼
    
    
效果图

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值