Echarts Jqplot Embedded EXTJS4 Windows assembly method

The JS component drawing is finally drawn in a div or DOM element with a specified ID.

In the project may need to draw in the ExtJS container, studied, can be realized through the following ideas, methods to share with you:

1, first make a container, add this content to the window's Items property. (or new box, add it with the Window.add function)

Specifies the ID of the container as the ID of the chart to render.

JS Code

2. {
4. Xtype: ' box ', //or Xtype: ' Component ',
6. ID: ' Chartid ', where//echarte or Jqplot is to be rendered
8. WIDTH:100, //Picture width
10. height:200, //Picture height  
12. }

So it shows the chart in the window.

PS: Pay attention to the window and box container, which generates a div with ID chartid, and then renders the chart.

Be sure to note the order!

Copyright notice: This article Bo Master original article. Blog, not reproduced without consent.

Echarts Jqplot Embedded EXTJS4 Windows assembly method