| Author |
 Topic  |
|
|
wryates
USA
11 Posts |
 Posted - 05 Aug 2014 : 09:24:54
|
Is it possible to add more than once SPC Javascript control to the same page?
I am trying to display a TabControl on a page and each tab have a different SPC Chart type.
Thanks,
Russ |
|
|
quinncurtis
1586 Posts |
Posted - 05 Aug 2014 : 10:44:41
|
We experimented with supporting multiple SPC charts in a GWT-supported Tab control in a single HTML page. We decided against it because it just got to complicated to for an average programmer to interact with the tab control, and to/from the different chart pages. For that reason we focused the design of the software to output one of our standard SPC charts to a single HTML page.
However, if you want to create your own HTML page, which hosts some sort of home-brew tab control (there isn't an HTML standard that we see), you can add multiple instances of our SPC charts to that HTML page easy enough. Just create each SPC chart in a separate HTML page, exactly like our simple examples (SPCSimple.html in combination with chartDefSimple.js for example). You would end up with multiple HTML files: SPCSimple1.HTM, SPCSimple2.html, SPCSimple3.html, etc. Then, reference each of these HTML file in a separate HTML IFRAME tag, placed in the content sections of your TAB control. Once instance of a tag would look something like:
<iframe src="SPCSimple1.html" width="1000" height="800"></></iframe>
Each source SPC chart HTML page essentially becomes a child of the parent HTML page. The exact details depend entirely on your implementation of the TAB control.
This applies to any type of HTML page where you want to embed multiple SPC charts in a single HTML page, not just just some sort of tab contrl. So you could stack them one above the other, or in a grid, or using some other layout method.
|
 |
|
|
wryates
USA
11 Posts |
Posted - 05 Aug 2014 : 15:50:26
|
| Thanks, this is what i was thinking of doing but thought id ask if there was another way of doing this. But this works! |
|
|
| |
Topic |
|
|
|
Muliple SPC Javascript controls
