Different chart styles: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) (New page: <html> <link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" /> <script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/pro...) |
A WASSERMANN (talk | contribs) No edit summary |
||
| Line 4: | Line 4: | ||
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script> | <script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script> | ||
<p> | <p> | ||
<input type="button" value="Line chart" onClick="lineChart()" | <input type="button" value="Line chart" onClick="lineChart()"> | ||
<input type="button" value="Spline chart" onClick="splineChart()" | <input type="button" value="Spline chart" onClick="splineChart()"> | ||
<input type="button" value="Bar chart" onClick="barChart()" | <input type="button" value="Bar chart" onClick="barChart()"> | ||
<input type="button" value="Multiple styles" onClick="multiStyleChart()" | <input type="button" value="Multiple styles" onClick="multiStyleChart()"><brr> | ||
<input type="button" value="Two bar charts" onClick="twoBarCharts()" | <input type="button" value="Two bar charts" onClick="twoBarCharts()"> | ||
<input type="button" value="Horizontal bars" onClick="horizontalBarChart()" | <input type="button" value="Horizontal bars" onClick="horizontalBarChart()"> | ||
<input type="button" value="Dynamic bars" onClick="dynamicBarChart()" | <input type="button" value="Dynamic bars" onClick="dynamicBarChart()"> | ||
<input type="button" value="Pie chart" onClick="pieChart()" | <input type="button" value="Pie chart" onClick="pieChart()"> | ||
</p> | </p> | ||
<div id="jxgbox" class="jxgbox" style="width:600px; height:600px;"></div> | <div id="jxgbox" class="jxgbox" style="width:600px; height:600px;"></div> | ||
<script language="JavaScript"> | <script language="JavaScript"> | ||
var board = JXG.JSXGraph.initBoard('jxgbox', {originX: | var board = JXG.JSXGraph.initBoard('jxgbox', {originX: 50, originY: 400, unitX: 50, unitY: 50}); | ||
var dataArr = [4,1,3,2,5,7,1.5,2]; | var dataArr = [4,1,3,2,5,7,1.5,2]; | ||
Revision as of 18:05, 5 December 2008
