View All Attachments for Bug 7

Steema Issues Database

Note: This database is for bugs and wishes only. For technical support help, if you are a customer please visit our online forums;
otherwise you can use StackOverflow.
Before using this bug-tracker we recommend a look at this document, Steema Bug Fixing Policy.

Obsolete attachments are hidden. To view all attachments (including obsolete) click here.

Attachment #2
left axis title	text/html	2013-09-23 08:30:04 EDT	2.97 KB	no flags	Details

<!DOCTYPE html>
<html>
<head>
<title>Testing</title>

<!--[if lt IE 9]>
    <script src="../src/excanvas/excanvas_text.js"></script>
    <script src="../src/excanvas/canvas.text.js"></script>
<![endif]-->

<script src="http://www.steema.com/files/public/teechart/html5/v2012.12.14.1.4/demos/canvas/webgl/threejs/three.min.js" type="text/javascript"></script>
<script src="http://www.steema.com/files/public/teechart/html5/v2012.12.14.1.4/demos/canvas/webgl/threejs/Detector.js" type="text/javascript"></script>
<script src="http://www.steema.com/files/public/teechart/html5/v2012.12.14.1.4/demos/canvas/webgl/threejs/TrackballControls.js" type="text/javascript"></script>
<script src="http://www.steema.com/files/public/teechart/html5/v2012.12.14.1.4/demos/canvas/webgl/fonts/helvetiker_font/helvetiker_regular.typeface.js"></script>

<script src="../src/teechart.js" type="text/javascript"></script>
<script src="../src/teechart-extras.js" type="text/javascript"></script>
<script src="../src/teechart-3d.js" type="text/javascript"></script>

<script type="text/javascript">

var Chart1;

function draw() {
// Create 3D WebGL context:
  three  = new Tee.Three("canvas1");

  // Create Chart:
  Chart1 = new Tee.Chart(three);

  Chart1.walls.visible=false;

  // Create Surface:
  surface = new Tee.Surface();

  // Add Surface series to Chart:
  Chart1.addSeries(surface);

  // Add sample random data:
  changeSurface("s3");

  // Cosmetics:

  Chart1.title.text="TeeChart Surface 3D";
  Chart1.walls.back.size=0.2;
  Chart1.walls.back.format.transparency=0.2;
  
  Chart1.axes.bottom.title.text = "bottom axis";
  Chart1.axes.left.title.text = "left axis";

  // Valid webGL ?

  if (three.isEnabled()) {
    Chart1.draw();
    animate();
  }
  else
    Detector.addGetWebGLMessage(); // Show message (WebGL not available)

  // Loop
  function animate() {
    three.update();
    requestAnimationFrame( animate );
  }
}

// Simple random data:
function addRandom(rows,cols) {
  var row;

  surface.data.values=[];

  for (var y=0; y<rows; y++) {
    row=new Array(cols);
    surface.data.values[y]=row;

    for (var x=0; x<cols; x++)
         row[x] = 500+ Math.cos(0.001*x*y)*(x*x-y*y);
  }

  surface.dataChanged=true; // <-- force recalculating pixel colors
}

function changeSurface(id) {
  if (id==="s0") {
    // Example, filling XYZ (grid of 7x3) data:
    surface.data.values=[
                        [23,15,12, 8,39,50,34],
                        [19, 7,31,23,12,40,27],
                        [ 1,26,18,39,20, 6,11]
                      ];
  }
  else
  if (id==="s1")
    addRandom(10,100);
  else
  if (id==="s2")
    addRandom(100,10);
  else
  if (id==="s3")
    surface.addRandom(200,200);
  else
    surface.addRandom(500,500);

}

</script>
</head>
<body onload="draw()">
<br><canvas id="canvas1" width="600" height="400">
This browser does not seem to support HTML5 Canvas.
</canvas>
</body>
</html>