流图themeRiver 学者人物页研究兴趣统计图

介绍

学者人物介绍页需要做一个themeRiver图，用echarts做了个图

参考

实现效果如下：

实现代码

var data = [
['2007', 0, "学术文章"],
['2008', 4, "学术文章"],
['2009', 0, "学术文章"],
['2010', 0, "学术文章"],
['2011', 0, "学术文章"],
['2012', 0, "学术文章"],
['2013', 0, "学术文章"],
['2014', 0, "学术文章"],
['2015', 0, "学术文章"],
['2016', 0, "学术文章"],
['2017', 0, "学术文章"],
['2018', 0, "学术文章"],
['2019', 2, "学术文章"],
['2020', 0, "学术文章"],
['2007', 1, "著作"],
['2008', 0, "著作"],
['2009', 2, "著作"],
['2010', 1, "著作"],
['2011', 2, "著作"],
['2012', 2, "著作"],
['2013', 1, "著作"],
['2014', 1, "著作"],
['2015', 1, "著作"],
['2016', 0, "著作"],
['2017', 0, "著作"],
['2018', 0, "著作"],
['2019', 0, "著作"],
['2020', 0, "著作"],
['2007', 0, "其他"],
['2008', 0, "其他"],
['2009', 0, "其他"],
['2010', 0, "其他"],
['2011', 0, "其他"],
['2012', 0, "其他"],
['2013', 0, "其他"],
['2014', 0, "其他"],
['2015', 0, "其他"],
['2016', 0, "其他"],
['2017', 0, "其他"],
['2018', 0, "其他"],
['2019', 0, "其他"],
['2020', 0, "其他"],
['2007', 0, "课程材料"],
['2008', 0, "课程材料"],
['2009', 0, "课程材料"],
['2010', 0, "课程材料"],
['2011', 0, "课程材料"],
['2012', 0, "课程材料"],
['2013', 0, "课程材料"],
['2014', 0, "课程材料"],
['2015', 0, "课程材料"],
['2016', 0, "课程材料"],
['2017', 0, "课程材料"],
['2018', 0, "课程材料"],
['2019', 0, "课程材料"],
['2020', 3, "课程材料"]
]



option = {
    tooltip: {
        trigger: 'axis',
        formatter(val){
            return val[0].value[0] + '<br/>' + val[0].value[2] + '：' + val[0].value[1] + '<br/>' + val[1].value[2] + '：' + val[1].value[1] + '<br/>' + val[2].value[2] + '：' + val[2].value[1]+ '<br/>' + val[3].value[2] + '：' + val[3].value[1]
         
        }
    },
    legend: {
        top: 36,
        width: 200,
        right: 40,
        icon: "circle", 

    },
    singleAxis: {
        top: 25,
        bottom: 40,
        width: 850,
        min: 'dataMin',
        max: 'dataMax'

    },
    series: [{
        type: 'themeRiver',
        data: data,
        label: {
            show: false
        }
    }]
}