Difference between revisions of "Different chart styles"

From JSXGraph Wiki
Jump to navigationJump to search
(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...)
 
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 20:05, 5 December 2008