The bar-chart visualization plugin
<script type="text/javascript" src="https://unpkg.com/bar-chartjs/lib/index.min.js"></script>npm install bar-chartjs --save
yarn add bar-chartjs<canvas id="canvas"></canvas>var canvas = document.querySelector('#canvas');
var Option = {
data: [50, 270, 100],
labels: ['Mon', 'Tues', 'Wed']
};
new BarChart(canvas, Option);{
data: [],
labels: [],
xAxis: {
font: {
size: 13,
family: 'Arial',
style: '#333'
},
line: {
style: '#333',
width: 1
}
},
yAxis: {
font: {
size: 13,
family: 'Arial',
style: '#333'
},
line: {
style: '#aaa',
width: 1
}
},
bar: {
style: {
default: 'rgba(16, 142, 233, 0.6)',
select: 'rgb(16, 142, 233)',
}
},
style: {
axis: '#aaa',
line: '#ccc'
},
duration: 2000,
tooltip: {
radius: 4,
font: {
size: 14,
family: 'Arial',
style: 'rgba(0, 0, 0, 0.6)'
}
}
}Copyright (c) 2019-present, Reming