当前位置 : 主页 > 网络编程 > JavaScript >

echart 折线图柱状图转换

来源:互联网 收集:自由互联 发布时间:2021-06-28
echartDemo var option = { title :{ text: '人员活跃度图表' }, tooltip : { trigger: 'axis' }, legend: { data:['活跃度'] }, toolbox: { show : true, feature : { mark : {show: true}, dataView : {show: true, readOnly: false}, magicType
echartDemo
var option = {
        	title :{
        		 text: '人员活跃度图表'
        	},
            tooltip : {
                trigger: 'axis'
            },
            legend: {
                data:['活跃度']
            },
            toolbox: {
                show : true,
                feature : {
                    mark : {show: true},
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
                }
            ],
            yAxis : [
                {
                    type : 'value',
                    splitArea : {show : true}
                }
            ],
            series : [
                {
                    name:'活跃度',
                    type:'bar',
                    data:[2, 4, 7, 23, 26, 76, 135, 162, 32, 20, 64, 33]
                }
            ]
        };
		var myChart = echarts.init(document.getElementById('userActivenessEcharts'));
        myChart.setOption(option);
	};
    //需要引入echeart的js
    //id:userActivenessEcharts是div的ID
近一个月人员活跃度图表.png
上一篇:Nodejs 抓取页面
下一篇:验证码倒计时js
网友评论