echarts柱状图回顾三年来发布CSDN博客的数量
大概三年前,17年4月份刚开始写博客。为啥写呢?因为工作没有成就感,需要自我实现。
以每周1篇为目标,平淡如斯。没有发博客或者产量高于目标,大都是有原因导致。
2017.5,这个月写了十多万字的扑街小说,占据了几乎所有的可支配时间,所以没时间发博客。
2017.6至2019.6,整两年没有间断。期间每逢心情不好则产量倍增。去他娘的2019,抑郁…… 海投…… 绝望……
2019.7,这个月写了两篇,但是又删了。一篇是全职创业出师表,另一篇是被逼出电信的吐槽记。阿西,个中心酸有谁能知?
2019.12和2020.1两个月,专心的重构写代码…… 好幸福的感觉
http://www.yixzm.cn/demo/echarts
HTML
<div id="main"></div>
<script src="echarts.min.js"></script>
javascript
let month = [
'17.4', '17.5', '17.6', '17.7', '17.8', '17.9', '17.10', '17.11', '17.12',
'18.1', '18.2', '18.3', '18.4', '18.5', '18.6', '18.7', '18.8', '18.9', '18.10', '18.11', '18.12',
'19.1', '19.2', '19.3', '19.4', '19.5', '19.6', '19.7', '19.8', '19.9', '19.10', '19.11', '19.12',
'20.1', '20.2', '20.3']
let value = [
1, 0, 10, 2, 23, 63, 16, 2, 10,
9, 3, 2, 3, 6, 5, 5, 11, 2, 2, 4, 4,
4, 5, 6, 6, 19, 8, 0, 2, 1, 2, 6, 0,
0, 3, 7]
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
option = {
xAxis: {
type: 'category',
data: month
},
yAxis: {
type: 'value'
},
series: [{
data: value,
type: 'bar',
smooth: false
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);