Javascript T形图中同一画布上的多个图形

使用teecharts评估副本中的示例，我们尝试在同一画布上绘制多个图表，但不起作用。它所做的只是简单地绘制在末尾绘制的图形（在

if（three.isEnabled（））{

part内部），并忽略在它前面绘制的图形

var three, Chart1, Chart2, surface;

function draw() {

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

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

  Chart2 = new Tee.Chart(three);      
  Chart1.walls.visible=false;

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

  // Add Surface series to Chart:
  Chart1.addSeries(surface);
  Chart2.addSeries(new Tee.Line()).addRandom(1000);

  changeSurface("s3");
  // Cosmetics:

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

  // Valid webGL ?

  if (three.isEnabled()) {

    Chart1.draw();
    Chart2.draw();

    animate();
  }
  else
    Detector.addGetWebGLMessage(); // Show message (WebGL not available)

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

}

---

我的问题是：是否可以在同一画布内绘制多个图形？（我所说的“多”并不意味着它们将共享轴，我是指画布内两个完全独立的图表对象）

同一画布中不能有两个TChart对象。其他一些TeeChart版本具有SubChart工具，允许您执行此操作，但这没有在TeeChart Javascript中实现

在Teechart Javascript中，有两种方法可以实现几乎相同的效果：

• 具有不同的TChart对象。参见示例

• 具有具有多个自定义轴的TChart。参见示例。在本例中，请注意，您正在手动设置轴的位置，因此如果需要，可以在左侧分离不同的垂直轴。还请注意，在本例中，只有一个水平轴，但也可以用创建垂直轴的相同方式创建多个

---

感谢您的回复，我们继续使用basic threejs制作曲面图。