Different chart styles: Difference between revisions

From JSXGraph Wiki
(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...)
 
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()" style='margin:1em'><br>
     <input type="button" value="Line chart" onClick="lineChart()">
     <input type="button" value="Spline chart" onClick="splineChart()" style='margin:1em'><br>
     <input type="button" value="Spline chart" onClick="splineChart()">
     <input type="button" value="Bar chart" onClick="barChart()" style='margin:1em'><br>
     <input type="button" value="Bar chart" onClick="barChart()">
     <input type="button" value="Multiple styles" onClick="multiStyleChart()" style='margin:1em'><br>
     <input type="button" value="Multiple styles" onClick="multiStyleChart()"><brr>
     <input type="button" value="Two bar charts" onClick="twoBarCharts()" style='margin:1em'><br>
     <input type="button" value="Two bar charts" onClick="twoBarCharts()">
     <input type="button" value="Horizontal bars" onClick="horizontalBarChart()" style='margin:1em'><br>
     <input type="button" value="Horizontal bars" onClick="horizontalBarChart()">
     <input type="button" value="Dynamic bars" onClick="dynamicBarChart()" style='margin:1em'><br>
     <input type="button" value="Dynamic bars" onClick="dynamicBarChart()">
     <input type="button" value="Pie chart" onClick="pieChart()" style='margin:1em'><br>
     <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: 350, originY: 400, unitX: 50, unitY: 50});
         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