Я пытаюсь сделать график с Charts.js(текущий - это просто простой пример, который я пытаюсь получить, несколько взятый из документации Chart.js), и график не масштабируется до размер холста, который я ему даю. Вот весь соответствующий код.
Чтобы импортировать его:
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.bundle.min.js"></script>
Затем я подключаю его к файлу javascript следующим образом:
<script type="text/javascript" src="js/stats_tab.js"></script>
У меня установлен мой холст:
<div id="graph_2015" class ="stats_box">
<h4>Graph 2015</h4>
Text
<canvas id="myChart" width="200" height="200"></canvas>
</div>
И затем, наконец, в stats_tab.js, у меня есть следующий код:
window.onload=function(){
var ctx = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: [1,2,3,4,5,6,7,8,9,10],
datasets: [
{
label: "My First dataset",
data: [1,2,3,2,1,2,3,4,5,4]
}
]
},
options: {
}
});
}
График отображается хорошо, но он отказывается масштабироваться до размера холста, который я ему дал. Также нет никакого css, относящегося к любому из задействованных div. Функция проверки на хроме позволяет мне знать, что конечный график равен 676 на 676 вместо 200 200, которые я указал. Не совсем уверен, что происходит.
Спасибо!