Code Monkey home page Code Monkey logo

Comments (7)

philogb avatar philogb commented on September 28, 2024

Hi,

This is actually an ExCanvas bug. I recommend you to use FlashCanvas for IE support. It has better performance and from what I've seen works very well. You can try the FlashCanvas example here: http://flashcanvas.net/examples/thejit.org/static/v20/Jit/Examples/Spacetree/example4.html .

Here's the blog announcement for more information http://blog.flashcanvas.net/2010/07/flashcanvas-pro-13-beta1-is-released.html .

from jit.

longsoft-dev avatar longsoft-dev commented on September 28, 2024

Hi Phil,
It's not that simple. I was using FlashCanvas, but there were actually two issues involved.

  1. Break in IE6, but work in IE8 if simply change node type from 'rectangle' to 'ellipse'. So this could be a issue of whether FlashCanvas supports IE6 or not.
  2. Break in IE8 if change node height from 40 to 60. The root node is not shown. The ellipses were drawn first, then seem background colors were changed to black except the last node. I would reckon the nodes are still there(because tips still work) just not being shown. P.S. my first level nodes under root were 8. So this could be an issue of undocumented size limit of the canvas? Once that limit is exceeded, it breaks.

from jit.

philogb avatar philogb commented on September 28, 2024
1. Break in IE6, but work in IE8 if simply change node type from 'rectangle' to 'ellipse'. So this could be a issue of whether FlashCanvas supports IE6 or not.

If there's a JavaScript error in IE6 but not in IE8 there's a big chance you left some trailing comma somewhere in your JS code. The demo I sent you using Ellipse nodes works well with IE6 with FlashCanvas.

2. Break in IE8 if change node height from 40 to 60. The root node is not shown. The ellipses were drawn first, then seem background colors were changed to black except the last node. I would reckon the nodes are still there(because tips still work) just not being shown. P.S. my first level nodes under root were 8. So this could be an issue of undocumented size limit of the canvas? Once that limit is exceeded, it breaks.

If the height of the Tree exceed the height of the canvas then that level is not shown by default (this is a feature of the SpaceTree acually). To turn it off you have to set

constrained: false

as constructor option in the visualization. More info here: http://thejit.org/static/v20/Docs/files/Visualizations/Spacetree-js.html#ST .

Could you paste the JSON you're using and if possible a screenshot with the issue?

from jit.

longsoft-dev avatar longsoft-dev commented on September 28, 2024

Sorry I don't know how to upload screenshot to github?

from jit.

philogb avatar philogb commented on September 28, 2024

Try uploading it to any pic service like imgur.com and then share the link.

from jit.

longsoft-dev avatar longsoft-dev commented on September 28, 2024

Here you go: http://imgur.com/Ob013.png

from jit.

philogb avatar philogb commented on September 28, 2024

that's with excanvas, right? what about flashcanvas? the example I linked you to uses flashcanvas and works just fine.

from jit.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.