Jaký je doporučený způsob na include javascriptu?

Řeším možná trochu malichernou věc, jak správně includovat do šablony javascript, kterému je třeba předat v proměnné data. Typicky můj častý případ, použití grafů na stránce pomocí komponenty highcharts. Jde mi to to, aby IDE (v mém případě netbeans) správně zobrazovalo a kontrolovalo syntaxi.
Logicky se nabízí tento způsob: Rodičovská šablona řekněme default.latte bude includovat šablonu graph.latte takto:

/*default.latte*/
...
{include 'graph.latte', data => $data}
<div id="container" class="graph"></div>
...

/*graph.latte*/
<script type='text/javascript' src='{$basePath}/js/highcharts.js'></script>
<script type="text/javascript">
$(function () {
        var data = {$data},
            name = 'Skladba nákladů';
        var chart = $('#container').highcharts({
            chart: {
                type: 'bar',
            },
            title: {
                text: 'Můj graf'
            },
	...
            series: [{
                name: name,
                data: data
            }],
        })
        .highcharts();
    });
...
</script>

V netbeans IDE se při editaci graph.latte krásně zvýrazňuje syntaxe jak má a tak to asi má být.
Kde je problém? Problém je v tom, že na stránce se graf nevykreslí. Když přesunu z graph.latte první 2 (a poslední) řádky do default.latte (viz násl. kód), tak se graf vykreslí, ale v editoru netbeans je syntaxe latte nezvýrazněná a špatně se ladí javascript.

/*default. latte*/
...
<script type='text/javascript' src='{$basePath}/js/highcharts.js'></script>
<script type="text/javascript">
	{include 'graph.latte', data => $data}
</script>
<div id="container" class="graph"></div>
...

/*graph.latte*/
$(function () {
        var data = {$data},
            name = 'Skladba nákladů';
        var chart = $('#container').highcharts({
            chart: {
                type: 'bar',
            },
	...
            series: [{
                name: name,
                data: data
            }],
	...

Třetí variantou je namísto include latte includovat javascript:

<script type='text/javascript' src='{$basePath}/js/highcharts.js'></script>
<script type="text/javascript">
	{include 'graph.js', data => $data}
</script>

Zde se syntaxe v IDE hlídá, jen to latte makro není zvýrazněno.
Má někdo obdobné/jiné zkušenosti? Rád bych „definitivně“ toto dilema uzavřel a vydal se pokud někde dělám chybu – ideálně první cestou – tedy pokud se bude skript spuštět. Díky za radu, názor.

Editoval mr.mac (8. 12. 2013 13:42)