Hoop onzekerheden en foutmogelijkheden in deze vraag maar ik heb een grafiekje op mijn scherm. Wat heb ik gedaan: uitgangspunt joomla installatie met protostar template als default, zoveel templates, zoveel manieren om met javascript om te gaan.
jqBarGraph.1.1.min.js geplaatst in protostar/js.
Index.php van protostar aangepast en het volgende toegevoegd:
Code:
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/jqBarGraph.1.1.min.js');
en dat gebeurt om en nabij regel 40 in de index.php, resultaat moet dus zoiets zijn:
Code:
// Add JavaScript Frameworks
JHtml::_('bootstrap.framework');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/template.js');
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/jqBarGraph.1.1.min.js');
// Add Stylesheets
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template.css');
Vervolgens een artikel aangemaakt (editor uit! vanwege strippen code):
Code:
<script type="text/javascript">
jQuery( document ).ready(function() {
var arrayOfData = new Array(
[10.3,'Jan','#f3f3f3'],
[15.2,'Feb','#f4f4f4']
);
jQuery('#divForGraph').jqBarGraph({ data: arrayOfData });
});
</script>
<div id="divForGraph"></div>
en daarna menuitem (single artikel) dat daarnaar verwijst, dat werkt.
De code is geen php maar javascript. Aan het einde van het tweede arrayelement moet geen komma staan. De $ vervangen door jQuery om evt conflicten te vermijden.
Hopelijk heb je er wat aan.
