How do you set the size for the ChartJs?

Jet_Dario · December 14, 2018, 3:48am

Tristan24 · December 14, 2018, 12:30pm

The only solution I found is to resize our div object (wich contains our ChartJs) like :
div.setHeight() / div.setWidth() or div.setSizeFull()

Jet_Dario · December 19, 2018, 11:51am

I see… so you need to wrap it inside a div?

Tristan24 · December 24, 2018, 7:48am

Yes !

Petr109 · January 8, 2019, 5:30pm

It should be set to fit parent. So wrapping it inside div with specified width should work.

Pawel166 · January 25, 2019, 5:57pm

it is not working under Vaadin Flow 12

Uncaught SyntaxError: Unexpected token u in JSON at position 0
at JSON.parse ()
at Object.a.parse (jsonfn.min.js:6)
at HTMLElement.connectedCallback (chartjs.html:83)

Pawel166 · January 25, 2019, 6:43pm

It works! Under vaadin 12 flow. Thank you.
Please add to instruction

two source dependences
example source https://github.com/syndybat/Chartjs-for-vaadin-10/blob/master/src/test/java/com/syndybat/chartjs/DemoView.java

<dependency>
	<groupId>be.ceau</groupId>
	<artifactId>chart</artifactId>
	<version>2.3.1</version>
</dependency>

<dependency>
	<groupId>com.syndybat</groupId>
	<artifactId>chartjs</artifactId>
	<version>1.1.9-Beta</version>
</dependency>

Petr109 · February 1, 2019, 10:21am

Thanks I will edit it.