Changeset 19794

Timestamp:

11/23/15 22:04:41 (9 years ago)

Author:

dlcheng

Message:

CHG: Adding font size/coloring options for colorbar labels in test101.html

File:

• issm/trunk-jpl/src/m/plot/applyoptions.js (modified) (1 diff)

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

@@ -139 +139 @@
                                 //c=colorbar(options.getfieldvalue('colorbarcornerposition'),'peer',gca);
                         } else { 
-                                var canvassize = options.getfieldvalue('canvassize',480);
-                                var cheight = options.getfieldvalue('colorbarheight',0.95)*canvassize;
-                                var cwidth = options.getfieldvalue('colorbarwidth',canvassize/20);
-                                var cdivisions = cheight/4;
-                                var color;
-                                var ccanvas = $('<canvas id="'+options.getfieldvalue('canvasid')+'_colorbar" width="'+cwidth+'" height="'+cheight+'"></canvas>').insertAfter('#'+options.getfieldvalue('canvasid'));
-                                ccanvas.css({'position':'relative','top':((canvassize-cheight)/-2).toFixed(2)+'px'});
-                                var ccontext = ccanvas[0].getContext('2d');
-                                for (var i = 0; i < cdivisions; i++) {
-                                        var cindex= Math.floor(i / cdivisions * (colorbar.length - 1));
-                                        color = colorbar[(colorbar.length - 1) - cindex];
-                                        color = [Math.round(color[0] * 255), Math.round(color[1] * 255), Math.round(color[2] * 255)];   
-                                        ccontext.fillStyle = 'rgba(' + color.toString() + ',1.0)';
-                                        ccontext.fillRect(0, Math.floor(i * cheight / cdivisions), cwidth, Math.ceil(cheight / cdivisions));
+                        }
+                        var canvassize = options.getfieldvalue('canvassize',480);
+                        var cheight = options.getfieldvalue('colorbarheight',0.95)*canvassize;
+                        var cwidth = options.getfieldvalue('colorbarwidth',canvassize/20);
+                        var cdivisions = cheight/4;
+                        var color;
+                        var ccanvas = $('<canvas id="'+options.getfieldvalue('canvasid')+'_colorbar" width="'+cwidth+'" height="'+cheight+'"></canvas>').insertAfter('#'+options.getfieldvalue('canvasid'));
+                        ccanvas.css({'position':'relative','top':((canvassize-cheight)/-2).toFixed(2)+'px'});
+                        var ccontext = ccanvas[0].getContext('2d');
+                        for (var i = 0; i < cdivisions; i++) {
+                                var cindex= Math.floor(i / cdivisions * (colorbar.length - 1));
+                                color = colorbar[(colorbar.length - 1) - cindex];
+                                color = [Math.round(color[0] * 255), Math.round(color[1] * 255), Math.round(color[2] * 255)];   
+                                ccontext.fillStyle = 'rgba(' + color.toString() + ',1.0)';
+                                ccontext.fillRect(0, Math.floor(i * cheight / cdivisions), cwidth, Math.ceil(cheight / cdivisions));
+                        }
+                        //Set colorbar lables
+                        var clabels = $('<ul id="'+options.getfieldvalue('canvasid')+'_colorbar_labels"></ul>');
+                        clabels.css({'position':'relative','width':'auto','vertical-align':'top','height':String(cheight)+'px','list-style-type':'none','display':'inline-table','top':((canvassize-cheight)/2).toFixed(2)+'px','padding':'0px','margin':'0px '+String(cwidth/4)+'px 0px '+String(cwidth/4)+'px','font-size':String(options.getfieldvalue('colorbarfontsize',16))+'px','color':String(options.getfieldvalue('FontColor','black'))});
+                        clabels.insertAfter('#'+options.getfieldvalue('canvasid')+'_colorbar');
+                        var labels = [];
+                        var cdivisions = 8;
+                        var caxisdelta = caxis[1] - caxis[0];
+                        var clabelitem;
+
+                        if (options.exist('log')) {
+                                //logvalue=options.getfieldvalue('log');
+                                //set(c,'YTick',log(tick_vals)./log(logvalue));
+                                for (var i = cdivisions; i >= 0; i--) {
+                                        labels[i] = (caxisdelta*i/cdivisions-caxis[0]).toFixed(2);
                                 }
-                                //Set colorbar lables
-                                var clabels = $('<ul id="'+options.getfieldvalue('canvasid')+'_colorbar_labels"></ul>');
-                                clabels.css({'position':'relative','top':'0px','width':'auto','vertical-align':'top','height':String(cheight)+'px','list-style-type':'none','display':'inline-table','top':((canvassize-cheight)/2).toFixed(2)+'px','padding':'0px','margin':'0px '+String(cwidth/4)+'px 0px '+String(cwidth/4)+'px'});
-                                clabels.insertAfter('#'+options.getfieldvalue('canvasid')+'_colorbar');
-                                var labels = [];
-                                var cdivisions = 8;
-                                var caxisdelta = caxis[1] - caxis[0];
-                                var clabelitem;
-
-                                if (options.exist('log')) {
-                                        //logvalue=options.getfieldvalue('log');
-                                        //set(c,'YTick',log(tick_vals)./log(logvalue));
-                                        for (var i = cdivisions; i >= 0; i--) {
-                                                labels[i] = (caxisdelta*i/cdivisions-caxis[0]).toFixed(2);
-                                        }
-                                } else {
-                                        for (var i = cdivisions; i >= 0; i--) {
-                                                labels[i] = (caxisdelta*i/cdivisions-caxis[0]).toFixed(2);
-                                        }
+                        } else {
+                                for (var i = cdivisions; i >= 0; i--) {
+                                        labels[i] = (caxisdelta*i/cdivisions-caxis[0]).toFixed(2);
                                 }
-                                for (var i = cdivisions; i >= 0; i--) {
-                                        var clabelitem = $('<li><div>'+labels[i]+'</div></li>')
-                                        clabelitem.css({'display':'table-row'});
-                                        clabelitem.find('div').css({'display':'table-cell','vertical-align':'middle'});
-                                        clabelitem.appendTo('#'+options.getfieldvalue('canvasid')+'_colorbar_labels');
-                                }
+                        }
+                        for (var i = cdivisions; i >= 0; i--) {
+                                var clabelitem = $('<li><div>'+labels[i]+'</div></li>')
+                                clabelitem.css({'display':'table-row'});
+                                clabelitem.find('div').css({'display':'table-cell','vertical-align':'middle'});
+                                clabelitem.appendTo('#'+options.getfieldvalue('canvasid')+'_colorbar_labels');
                         }
                         /* //{{{
-                        set(c,'FontSize',options.getfieldvalue('colorbarfontsize',fontsize),'YColor',options.getfieldvalue('FontColor','k'));
                         if exist(options,'wrapping')
                                 lim=get(c,'Ylim');