Charts from HTML tables - Revision history

A WASSERMANN at 11:07, 30 September 2009

2009-09-30T11:07:12Z

← Older revision		Revision as of 11:07, 30 September 2009
Line 1:		Line 1:
	JSXGraph is able to read data from HTML tables and display charts.		JSXGraph is able to read data from HTML tables and display charts.

	==German Bundestag elections - From 1949 to ~~2005~~==		==German Bundestag elections - From 1949 to 2009==
	<html>		<html>
	<link rel="stylesheet" type="text/css" href="/distrib/jsxgraph.css" />		<link rel="stylesheet" type="text/css" href="/distrib/jsxgraph.css" />

A WASSERMANN at 10:45, 30 September 2009

2009-09-30T10:45:22Z

← Older revision		Revision as of 10:45, 30 September 2009
Line 413:		Line 413:

	<div id="debug" style="display:block; float: right;"></div>		<div id="debug" style="display:block; float: right;"></div>
			<br clear="all" />
	<script type="text/javascript">		<script type="text/javascript">
	/* <![CDATA[ */		/* <![CDATA[ */

A WASSERMANN at 10:44, 30 September 2009

2009-09-30T10:44:14Z

@@ Line 413: / Line 413: @@
 <div id="debug" style="display:block; float: right;"></div>
-   <script type="text/javascript">
+<script type="text/javascript">
     /* <![CDATA[ */
          var board1 = JXG.JSXGraph.initBoard('jxgbox1', {boundingbox: [-1, 50, 18, -5], axis: true, grid: false}),
@@ Line 494: / Line 494: @@
    </script>
 </html>

A WASSERMANN at 10:41, 30 September 2009

2009-09-30T10:41:06Z

← Older revision		Revision as of 10:41, 30 September 2009
Line 442:		Line 442:
	$('input[name=parties]').each(function () { if(this.checked) { part.push(parseInt($(this).val())); color.push(colors[parseInt($(this).val())]); } });		$('input[name=parties]').each(function () { if(this.checked) { part.push(parseInt($(this).val())); color.push(colors[parseInt($(this).val())]); } });

	if(part.length <4)		//if(part.length <4) chartType = 'bar';
	chartType = 'bar';

	charts2 = board2.create('chart', ['btw'], {chartStyle: 'point,' + chartType, withHeaders: true, colorArray: color, strokeColor: color, fillColor: color, highlightFillColor: color, highlightStrokeColor: color, rows: part});		charts2 = board2.create('chart', ['btw'], {chartStyle: 'point,' + chartType, withHeaders: true, colorArray: color, strokeColor: color, fillColor: color, highlightFillColor: color, highlightStrokeColor: color, rows: part});
	}		}

A WASSERMANN at 10:40, 30 September 2009

2009-09-30T10:40:11Z

A WASSERMANN at 10:36, 30 September 2009

2009-09-30T10:36:52Z

Show changes

A WASSERMANN at 10:36, 30 September 2009

2009-09-30T10:36:21Z

← Older revision		Revision as of 10:36, 30 September 2009
Line 7:		Line 7:
	<script type="text/javascript" src="/distrib/jsxgraphcore.js"></script>		<script type="text/javascript" src="/distrib/jsxgraphcore.js"></script>
	<style type="text/css">		<style type="text/css">
	~~.election~~ a.topmenu {		a.topmenu {
	padding: 5px;		padding: 5px;
	background-color: #ddd;		background-color: #ddd;
Line 14:		Line 14:
	}		}

	~~.election~~ a.topmenu:hover {		a.topmenu:hover {
	padding: 5px;		padding: 5px;
	margin: 0px;		margin: 0px;

A WASSERMANN: New page: JSXGraph is able to read data from HTML tables and display charts. ==German Bundestag elections - From 1949 to 2005==

← Older revision		Revision as of 10:40, 30 September 2009
Line 371:		Line 371:
	<div style="float: left"><br/> <!--a href="#" onclick="select_parties();" class="topmenu">Update display</a--><br /><br />		<div style="float: left"><br/> <!--a href="#" onclick="select_parties();" class="topmenu">Update display</a--><br /><br />
	<form name="form_parties">		<form name="form_parties">
	<input type="checkbox" value="0" ~~onclick~~="select_parties();" name="parties">CDU<br/>		<input type="checkbox" value="0" onchange="select_parties();" name="parties">CDU<br/>
	<input type="checkbox" value="1" ~~onclick~~="select_parties();" name="parties">CSU<br/>		<input type="checkbox" value="1" onchange="select_parties();" name="parties">CSU<br/>
	<input type="checkbox" value="2" ~~onclick~~="select_parties();" name="parties">SPD<br/>		<input type="checkbox" value="2" onchange="select_parties();" name="parties">SPD<br/>
	<input type="checkbox" value="3" ~~onclick~~="select_parties();" name="parties">FDP<br/>		<input type="checkbox" value="3" onchange="select_parties();" name="parties">FDP<br/>
	<input type="checkbox" value="4" ~~onclick~~="select_parties();" name="parties">Bündnis 90/Die Grünen<br/>		<input type="checkbox" value="4" onchange="select_parties();" name="parties">Bündnis 90/Die Grünen<br/>
	<input type="checkbox" value="5" ~~onclick~~="select_parties();" name="parties">PDS/Linke<br/>		<input type="checkbox" value="5" onchange="select_parties();" name="parties">PDS/Linke<br/>
	<input type="checkbox" value="6" ~~onclick~~="select_parties();" name="parties">Piraten<br/>		<input type="checkbox" value="6" onchange="select_parties();" name="parties">Piraten<br/>
	<input type="checkbox" value="7" ~~onclick~~="select_parties();" name="parties">NPD<br/>		<input type="checkbox" value="7" onchange="select_parties();" name="parties">NPD<br/>
	<input type="checkbox" value="8" ~~onclick~~="select_parties();" name="parties">DP<br/>		<input type="checkbox" value="8" onchange="select_parties();" name="parties">DP<br/>
	<input type="checkbox" value="9" ~~onclick~~="select_parties();" name="parties">GB/BHE<br/>		<input type="checkbox" value="9" onchange="select_parties();" name="parties">GB/BHE<br/>
	<input type="checkbox" value="10" ~~onclick~~="select_parties();" name="parties">REP<br/>		<input type="checkbox" value="10" onchange="select_parties();" name="parties">REP<br/>
	<input type="checkbox" value="11" ~~onclick~~="select_parties();" name="parties">KPD<br/>		<input type="checkbox" value="11" onchange="select_parties();" name="parties">KPD<br/>
	<input type="checkbox" value="12" onchange="select_parties();" name="parties">BP<br/>		<input type="checkbox" value="12" onchange="select_parties();" name="parties">BP<br/>
	<input type="checkbox" value="13" onchange="select_parties();" name="parties">Sonstige<br/>		<input type="checkbox" value="13" onchange="select_parties();" name="parties">Sonstige<br/>