defining highcharts in body

I'm trying to use highcharts in my system but the limitation of having to define the entire content and style of the highchart object in the < head > is destroying my architecture. Is there a way I could describe the highchart object < script > section within the body?

http://www.highcharts.com/demo/

I did a bunch of experiments and with a flat html file I managed to just put the < script > inside < body > 开发者_C百科and defined the < div id="container" >< /div > right below it and that worked. For some unknown reason though when I try the same trick in my php system (which cuts and pastes various section of the html together to produce the final page, it does not work.

Any ideas?

---

You can place the content and style definition in an external file, and simply reference it in the document head:

<script src="url_to_your_file.js"></script>