I’ve tried this in a pretty vanilla bootstrap theme and just can’t get it to work. The container is there at” whatever size I specify but no data.
The same code works and presents data in a basic HTML5 page but just can’t get it to work in Bootstrap
<div class=”row”> <div class=”span12″>
<script type=”text/javascript” src=”canvasjs.min.js”></script> <script type=”text/javascript”> window.onload = function () { var chart = new CanvasJS.Chart(“chartContainer”, { data: [ { type: “bar”, dataPoints: [ { x: 10, y: 10 }, { x: 20, y: 15 }, { x: 30, y: 25 }, { x: 40, y: 30 }, { x: 50, y: 28 } ] } ] });
chart.render(); } </script>
<div class=”span10″ id=”chartContainer” style=”height: 400px;”></div>
</div> </div>
What else do I need to change?