Use bar graph instead of line graph
This commit is contained in:
parent
c69d7843ab
commit
bbe4d82303
@ -1,5 +1,6 @@
|
|||||||
# v0.9.7
|
# v0.9.7
|
||||||
- Fix margin on bottom of page
|
- Fix margin on bottom of page
|
||||||
|
- Use bar graph instead of line graph
|
||||||
|
|
||||||
# v0.9.6
|
# v0.9.6
|
||||||
- Make ammo packs in containers directly navigable in table view
|
- Make ammo packs in containers directly navigable in table view
|
||||||
|
@ -1,13 +1,12 @@
|
|||||||
import { Chart, Title, Tooltip, Legend, LineController, LineElement, PointElement, TimeScale, LinearScale } from 'chart.js'
|
import Chart from 'chart.js/auto'
|
||||||
import 'chartjs-adapter-date-fns'
|
import 'chartjs-adapter-date-fns'
|
||||||
Chart.register(Title, Tooltip, Legend, LineController, LineElement, PointElement, TimeScale, LinearScale)
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
initalizeChart (el) {
|
initalizeChart (el) {
|
||||||
const data = JSON.parse(el.dataset.chartData)
|
const data = JSON.parse(el.dataset.chartData)
|
||||||
|
|
||||||
this.el.chart = new Chart(el, {
|
this.el.chart = new Chart(el, {
|
||||||
type: 'line',
|
type: 'bar',
|
||||||
data: {
|
data: {
|
||||||
datasets: [{
|
datasets: [{
|
||||||
label: el.dataset.label,
|
label: el.dataset.label,
|
||||||
@ -51,7 +50,8 @@ export default {
|
|||||||
stacked: true,
|
stacked: true,
|
||||||
grace: '15%',
|
grace: '15%',
|
||||||
ticks: {
|
ticks: {
|
||||||
padding: 15
|
padding: 15,
|
||||||
|
precision: 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
x: {
|
x: {
|
||||||
|
Loading…
Reference in New Issue
Block a user