VisualizationsForVaadin LineChart problem setting width (liferay)

Flow
1

Hi
I have a problem setting width and height in my portlet.
When I change setWidth value, nothing appen.


                 Window window = new Window();
		 setMainWindow(window);
                 LineChart lc = new LineChart();
		 window.addComponent(lc);
		 lc.setOption("legend", "bottom");
		 lc.setOption("title","ooo");
		 lc.addXAxisLabel("Year");
		 lc.addLine("Expenses");
		 lc.addLine("Sales");
		 lc.add("2004", new double[]{100,200});
		 lc.add("2005", new double[]{75,100});
		 lc.add("2006", new double[]{32,234});
		 lc.add("2007", new double[]{25,2534});
		 lc.add("2008", new double[]{2343,12});
		 lc.add("2009", new double[]{25,2534});
		 lc.add("2010", new double[]{2343,12});
		 lc.add("2011", new double[]{25,234});
		 lc.add("2012", new double[]{233,142});
		 lc.add("2013", new double[]{25,244});
		 lc.add("2014", new double[]{243,12});
		 VerticalLayout v = new VerticalLayout();
	         lc.setWidth("800px");
	         lc.setHeight("500px");
	         v.addComponent(lc);
	         window.addComponent(v);
	         v.addComponent(new Label("test234"));
	         lc.requestRepaint();

I’ve tried setting option like


lc.setOption("chartArea", "{width:600,height:275}");

I heard about “patch” to solve the problem but, I don’t know how to patch my jar.
Can u help me ?
Best Regards.

2

use like below:
lc.setOption(“width”, int);
ls.setOption(“height”, int);

do not use setWidth and setHeight

good luck

3

Thanks! It works!

4

Is there any documentation about options to set in SetOption method ?

5

I was having the same question. Another post led me to these docs:

https://developers.google.com/chart/interactive/docs/gallery

Since the charts are based on the Google Visualizations, the options look to be documented there. This worked for me, hope it helps