Changeset 19884


Ignore:
Timestamp:
12/12/15 16:39:32 (9 years ago)
Author:
dlcheng
Message:

CHG (javascript): Implementing colorbartitle option.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • issm/trunk-jpl/src/m/plot/applyoptions.js

    r19872 r19884  
    177177                                ccanvashtml = document.getElementById(ccanvasid);
    178178                                if (ccanvashtml==null) {
    179                                         ccanvas = $('<canvas id="'+ccanvasid+'" width="'+String(cwidth+cheightoffset*4)+'" height="'+String(cheight+cheightoffset)+'"></canvas>').insertAfter('#'+options.getfieldvalue('canvasid'));
     179                                        ccanvas = $('<canvas id="'+ccanvasid+'" width="'+String(cwidth+cheightoffset*4)+'" height="'+String(cheight+cheightoffset*2)+'"></canvas>').insertAfter('#'+options.getfieldvalue('canvasid'));
    180180                                        ccanvas.css({'position':'relative','top':((canvassize-cheight-cheightoffset)/-2).toFixed(2)+'px'});
    181181                                        ccontext = ccanvas[0].getContext('2d');
    … …  
    189189                                                //get html object instead of jqurey object to modify height/width to accomodate labels
    190190                                                ccanvashtml.width = ccanvas.width()+cheightoffset*6;
    191                                                 ccanvashtml.height = cheight+cheightoffset;
     191                                                ccanvashtml.height = cheight+cheightoffset*2;
    192192                                                ccanvashtml.cwidth = cwidth;
    193193                                                ccanvashtml.cheight = cheight;
    … …  
    200200                                        ccontext = ccanvas[0].getContext('2d');
    201201                                        /*erase existing colorbar:*/
    202                                         ccontext.clearRect(0,0, cwidth*4, cheight+cheightoffset);
     202                                        ccontext.clearRect(0,0, ccanvashtml.width, ccanvashtml.height);
    203203                                        ccontext.beginPath();
    204204                                }
    … …  
    213213                                }
    214214                                ccontext.fillStyle=cgradient;
    215                                 ccontext.fillRect(0,cheightoffset/2,cwidth,cheight);
     215                                ccontext.fillRect(0,cheightoffset*3/2,cwidth,cheight);
    216216                               
    217217                                //Draw colorbar border
    … …  
    219219                                ccontext.lineWidth='1';
    220220                                ccontext.strokeStyle='black';
    221                                 ccontext.rect(0,cheightoffset/2,cwidth,cheight);
     221                                ccontext.rect(0,cheightoffset*3/2,cwidth,cheight);
    222222                                ccontext.stroke();
    223223                               
    … …  
    226226                                        x = 0.2*cwidth;
    227227                                        ccontext.beginPath();
    228                                         ccontext.moveTo(0,y);
    229                                         ccontext.lineTo(x,y);
    230                                         ccontext.moveTo(cwidth-x,y);
    231                                         ccontext.lineTo(cwidth,y);
     228                                        ccontext.moveTo(0,y+cheightoffset);
     229                                        ccontext.lineTo(x,y+cheightoffset);
     230                                        ccontext.moveTo(cwidth-x,y+cheightoffset);
     231                                        ccontext.lineTo(cwidth,y+cheightoffset);
    232232                                        ccontext.stroke();
    233233                                        ccontext.font=String(options.getfieldvalue('colorbarfontsize',16))+'px Arial';
    234234                                        ccontext.fillStyle='black';
    235235                                        ccontext.textAlign='left';
    236                                         ccontext.fillText(labels[i],cwidth+x,y+cheightoffset/2);
     236                                        ccontext.fillText(labels[i],cwidth+x,y+cheightoffset*3/2);
     237                                }
     238                                if (options.exist('colorbartitle')) {
     239                                        ccontext.font=String(options.getfieldvalue('colorbarfontsize',16))+'px Arial';
     240                                        ccontext.fillStyle='black';
     241                                        ccontext.textAlign='left';
     242                                        ccontext.textBaseline='bottom';
     243                                        ccontext.fillText(options.getfieldvalue('colorbartitle'),0,cheightoffset);
    237244                                }
    238245                        }
    … …  
    243250                                ccanvashtml = document.getElementById(ccanvasid);
    244251                                if (ccanvashtml==null) {
    245                                         ccanvas = $('<canvas id="'+ccanvasid+'" width="'+String(cwidth+cheightoffset*4)+'" height="'+String(cheight+cheightoffset)+'"></canvas>').insertAfter('#'+options.getfieldvalue('canvasid'));
    246                                         ccanvas.css({'position':'relative','top':((canvassize-cheight-cheightoffset)/-2).toFixed(2)+'px'});
     252                                        ccanvas = $('<canvas id="'+ccanvasid+'" width="'+String(cwidth+cheightoffset*4)+'" height="'+String(cheight+cheightoffset*2)+'"></canvas>').insertAfter('#'+options.getfieldvalue('canvasid'));
     253                                        ccanvas.css({'position':'relative','top':((canvassize-cheight-cheightoffset*2)/-2).toFixed(2)+'px'});
    247254                                        ccontext = ccanvas[0].getContext('2d');
    248255                                }
    … …  
    255262                                                //get html object instead of jqurey object to modify height/width to accomodate labels
    256263                                                ccanvashtml.width = cwidth+cheightoffset*6;
    257                                                 ccanvashtml.height = cheight+cheightoffset;
     264                                                ccanvashtml.height = cheight+cheightoffset*2;
    258265                                                ccanvashtml.cwidth = cwidth;
    259266                                                ccanvashtml.cheight = cheight;
    … …  
    266273                                        ccontext = ccanvas[0].getContext('2d');
    267274                                        /*erase existing colorbar:*/
    268                                         ccontext.clearRect(0,0, cwidth*4, cheight+cheightoffset);
     275                                        ccontext.clearRect(0,0, ccanvashtml.width, ccanvashtml.height);
    269276                                        ccontext.beginPath();
    270277                                }
    … …  
    279286                                }
    280287                                ccontext.fillStyle=cgradient;
    281                                 ccontext.fillRect(cwidthoffset,0,cwidth,cheight);
     288                                ccontext.fillRect(cwidthoffset,cheightoffset,cwidth,cheight);
    282289                               
    283290                                //Draw colorbar border
    … …  
    285292                                ccontext.lineWidth='1';
    286293                                ccontext.strokeStyle='black';
    287                                 ccontext.rect(cwidthoffset,0,cwidth,cheight);
     294                                ccontext.rect(cwidthoffset,cheightoffset,cwidth,cheight);
    288295                                ccontext.stroke();
    289296                               
    … …  
    292299                                        x = i/cdivisions*cwidth;
    293300                                        ccontext.beginPath();
    294                                         ccontext.moveTo(x+cwidthoffset,0);
    295                                         ccontext.lineTo(x+cwidthoffset,y);
    296                                         ccontext.moveTo(x+cwidthoffset,cheight-y);
    297                                         ccontext.lineTo(x+cwidthoffset,cheight);
     301                                        ccontext.moveTo(x+cwidthoffset,cheightoffset);
     302                                        ccontext.lineTo(x+cwidthoffset,y+cheightoffset);
     303                                        ccontext.moveTo(x+cwidthoffset,cheight-y+cheightoffset);
     304                                        ccontext.lineTo(x+cwidthoffset,cheight+cheightoffset);
    298305                                        ccontext.stroke();
    299306                                        ccontext.font=String(options.getfieldvalue('colorbarfontsize',16))+'px Arial';
    300307                                        ccontext.fillStyle='black';
    301308                                        ccontext.textAlign='center';
    302                                         ccontext.fillText(labels[cdivisions-i],x+cwidthoffset,cheight+cheightoffset);
     309                                        ccontext.fillText(labels[cdivisions-i],x+cwidthoffset,cheight+cheightoffset*2);
     310                                }
     311                                if (options.exist('colorbartitle')) {
     312                                        ccontext.font=String(options.getfieldvalue('colorbarfontsize',16))+'px Arial';
     313                                        ccontext.fillStyle='black';
     314                                        ccontext.textAlign='center';
     315                                        ccontext.textBaseline='bottom';
     316                                        ccontext.fillText(options.getfieldvalue('colorbartitle'),cwidth/2+cwidthoffset,cheightoffset);
    303317                                }
    304318                        }
Note: See TracChangeset for help on using the changeset viewer.