Attachment 2 Details for Bug 7 – left axis title

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.

left axis title

test.htm (text/html), 2.97 KB, created by yeray alonso on 2013-09-23 08:30:04 EDT

(hide)

Description:

Filename:

MIME Type:

Creator: yeray alonso

Created: 2013-09-23 08:30:04 EDT

Size: 2.97 KB

patch

obsolete

><!DOCTYPE html>
><html>
><head>
><title>Testing</title>
>
>
>
><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>

<!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>

Actions: View

Attachments on bug 7: 2 | 5