enhanci stuffi
This commit is contained in:
parent
c7e9150bac
commit
ba7a0c9f4a
2 changed files with 33 additions and 4 deletions
|
@ -64,10 +64,12 @@
|
|||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Example Chart</h5>
|
||||
<h5 class="card-title">History</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<canvas id="stockHistoryChart"></canvas>
|
||||
<div style="height: 300px; position: relative;">
|
||||
<canvas id="stockHistoryChart"></canvas>
|
||||
</div>
|
||||
<script type="module">
|
||||
import { Chart } from 'chart.js/auto';
|
||||
new Chart(document.getElementById('stockHistoryChart'), {
|
||||
|
@ -89,9 +91,28 @@
|
|||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
plugins: {
|
||||
legend: {
|
||||
position: 'top',
|
||||
labels: {
|
||||
boxWidth: 12,
|
||||
padding: 10
|
||||
}
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true
|
||||
beginAtZero: true,
|
||||
ticks: {
|
||||
maxTicksLimit: 6
|
||||
}
|
||||
},
|
||||
x: {
|
||||
ticks: {
|
||||
maxTicksLimit: 8,
|
||||
maxRotation: 45
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue