echarts柱状图回顾三年来发布CSDN博客的数量

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);
版权声明

弈心博客


本文首发site_name,转载请附上博文链接!