Michael: Created page with "Sometimes it is necessary to adjust the visual appearance of JSXGraph to your website. Instead of setting attributes on every board.create call, you could adjust the [http://jsxg..."

2011-12-14T07:54:17Z

Created page with "Sometimes it is necessary to adjust the visual appearance of JSXGraph to your website. Instead of setting attributes on every board.create call, you could adjust the [http://jsxg..."

New page

Sometimes it is necessary to adjust the visual appearance of JSXGraph to your website. Instead of setting attributes on every board.create call, you could adjust the [http://jsxgraph.uni-bayreuth.de/docs/symbols/src/src_Options.js.html JXG.Options object]:

<source lang="javascript">JXG.Options.showNavigation = false;
JXG.Options.strokeColor: '#bbb';
JXG.Options.elements.strokeColor: '#6BBA70';</source>

Put your default options like that into a separate .js file and load it after JSXGraph. To save some bandwidth and reduce the amount of typing/copy&paste, you could use [http://jsxgraph.uni-bayreuth.de/docs/symbols/JXG.html#.deepCopy JXG.deepCopy]:

<source lang="javascript">JXG.Options = JXG.deepCopy(JXG.Options, {
showNavigation: false,

navbar: {
strokeColor: '#bbb',
fillColor: 'none'
},

elements: {
strokeColor: '#6BBA70',
highlightStrokeColor: '#84e68a',
strokeOpacity: 0.6,
},

point: {
face: 'o',
size: 4,
fillColor : '#eeeeee',
highlightFillColor : '#eeeeee',
strokeColor : 'white',
highlightStrokeColor : 'white',
showInfobox: false
}
}</source>

See [http://jsxgraph.uni-bayreuth.de/docs/symbols/src/src_Options.js.html Options.js] for all available options.

Adjust the visual appearance - Revision history

Michael: Created page with "Sometimes it is necessary to adjust the visual appearance of JSXGraph to your website. Instead of setting attributes on every board.create call, you could adjust the [http://jsxg..."