Appearance

The SIGPLOT appearance can be set during instantiation. For example, the above plot uses some options to change the style

			    
plot = new sigplot.Plot(document.getElementById('plot'), {

  xi: true, // invert background and foreground 

  gridBackground: ["#fff", "#ddd"], // set a gradient background 

  autohide_readout: true, // only show the readout when the mouse is over the plot

  autohide_panbars: true // only show panbars when necessary and the mouse is over the plot

});
			    
			

Some of the appearance settings can also be modified using the sigplot.change_settings() method.

				
plot.change_settings( {grid: state}); // enable/disable grid, null to toggle

plot.change_settings( {show_x_axis: state}); // show/hide x-axis, null to toggle

plot.change_settings( {show_y_axis: state}); // show/hide y-axis, null to toggle

plot.change_settings( {show_readout: state}); // show/hide readout, null to toggle

plot.change_settings( {cross: state}); // show/hide crosshair, null to toggle

plot.change_settings( {pan: state}); // show/hide scrollbars, null to toggle

plot.change_settings( {colors: {fg: '#fff' } } ); 

plot.change_settings( {colors: {bg: '#000' } } ); 

			        
			

SigPlot also supports a few new features that can make the appearance more palatable.

				
plot = new sigplot.Plot(document.getElementById('plot'), {"xi": true, gridBackground: ["#fff", "#ddd""]});
				
			

Finally, the plots appearance can be modified via the Settings... item under the main-menu (middle-click).