`

图形化工具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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics