Updated the Competition chart (Knock-out chart) add-on with a Vaadin 7 version.
Trunk still contains the Vaadin 6 version and V7 is in a branch ‘chart7’
Mikael,
I am building a Touchkit application to support our local tennis community (using Vaadin 7.7.5). I would like to use your KnockoutChart to represent the finals, however, when I get it all set up and displaying, only a 50X50 canvas is displaying any information.
I can see in the Chrome inspector that the “canvas” element is only 50X50, and as you can see from the attached picture, that is the only area that is displaying any of the chart. I can pan the chart around, but only the 50x50 canvas area shows anything. You can see in the inspector that the v-sportchart div has the correct width and height.
Looking through the code, I see where the VKnockoutChart initializes the canvas to 50x50, but that is as far I as I can go. I don’t know enough about widgets to be able to diagnose this. Is this something specific to Touchkit? I know it has been a few years, but do you think you can look into this? I would greatly appreciate it.
Chris
public VKnockoutChart() {
setElement(Document.get().createDivElement());
setWidth("100%");
setHeight("100%");
setStyleName(CLASSNAME);
canvas = Canvas.createIfSupported();
if (canvas != null) {
getElement().appendChild(canvas.getElement());
canvas.setVisible(true);
canvas.setCoordinateSpaceWidth(50);
canvas.setCoordinateSpaceHeight(50);