mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-12 00:08:59 +01:00
5241b988c0
* Bump Chart.js from 2.9.4 to 4.2.1 in dashboard examples * Rollback myChart var modification * Add some padding between tooltip color and text --------- Co-authored-by: XhmikosR <xhmikosr@gmail.com>
52 lines
945 B
JavaScript
52 lines
945 B
JavaScript
/* globals Chart:false, feather:false */
|
|
|
|
(() => {
|
|
'use strict'
|
|
|
|
feather.replace({ 'aria-hidden': 'true' })
|
|
|
|
// Graphs
|
|
const ctx = document.getElementById('myChart')
|
|
// eslint-disable-next-line no-unused-vars
|
|
const myChart = new Chart(ctx, {
|
|
type: 'line',
|
|
data: {
|
|
labels: [
|
|
'Sunday',
|
|
'Monday',
|
|
'Tuesday',
|
|
'Wednesday',
|
|
'Thursday',
|
|
'Friday',
|
|
'Saturday'
|
|
],
|
|
datasets: [{
|
|
data: [
|
|
15339,
|
|
21345,
|
|
18483,
|
|
24003,
|
|
23489,
|
|
24092,
|
|
12034
|
|
],
|
|
lineTension: 0,
|
|
backgroundColor: 'transparent',
|
|
borderColor: '#007bff',
|
|
borderWidth: 4,
|
|
pointBackgroundColor: '#007bff'
|
|
}]
|
|
},
|
|
options: {
|
|
plugins: {
|
|
legend: {
|
|
display: false
|
|
},
|
|
tooltip: {
|
|
boxPadding: 3
|
|
}
|
|
}
|
|
}
|
|
})
|
|
})()
|