zaibei_charts/test/bar/ChartBar40/index.js

import ChartBar from '../../../src/chart/bar/ChartBar40/ChartBar40.js';
import Title from "../../../src/chart/commonOptions/title";
import Grid from "../../../src/chart/commonOptions/grid";
// import Legend from "../../../src/chart/commonOptions/legend";

let bar = new ChartBar(document.getElementsByClassName('c1')[0], {});
window.addEventListener('resize', () => {
    bar.resize();
});

// setTimeout(()=>{
//     console.log(3000);
//     bar.setOption(defaultOption);
// },3000)
// const defaultOption = {
// 	type: "p1",
// 	title:Title.option('柱线混合图'),
// 	grid:Grid.option,
// 	tooltip: {
// 		textColor:'#ffba00',
// 		bgStyle:{
// 			backgroundColor:'rgba(6,27,58,0.9)',
// 			borderColor:'#00aeff',
// 			borderWidth:1
// 		},
// 		offsetX: 30,
// 		offsetY: 0
// 	},
// 	legend: {show: true},
//     bg:{
//         backgroundColor:'#000713'
//     },
//     color: ['#00eaff', '#00fcff'],
// 	xAxis: {
// 		type: "category",
// 		title:'年份',
// 		axisTick: {
//         	show:false,
//             alignWithLabel: false,
// 			interval: 'auto',
// 			lineStyle:{
// 				color: '#00eaff',
// 				width: 1
// 			},
//             length:5
//         },
//         axisLine:{
//         	show:true,
//         	lineStyle:{
//         		color:'#0081ff',
//         		width:2,
//         	}
//         },
//         axisLabel:{
// //      	show:false,
// 			textStyle:{
// 				color:'#567ab4'
// 			}
//         },
//         splitLine:{
//         	show:false,
//         	lineStyle:{
//         		color:'#0081ff',
// 				width:1,
//         	}
//         },
// 		data: ['09/21', '09/22', '09/23', '09/24', '09/25', '09/26', '09/27', '09/28', '09/29', '09/30'],
// 	},
// 	yAxis: {
// 		type: 'value',
// 		title:'回流率/滞留率',
// 		nameTextStyle: {
// 			fontSize: 30,
// 			color: '#88c5ff',
// 		},
// 		axisLabel:{
// //			textAlign:'left'
// 			textStyle:{
// 				color:'#567ab4',
// 				textRotation1:0,//第二y轴文字旋转
// 			}
// 		},
// 		axisLine:{
//         	show:true,
//         	lineStyle:{
//         		color:'#0081ff',
//         		width:1,
//         	}
//         },
//         splitLine:{
//         	show:false,
//         	lineStyle:{
//         		color:'#0081ff',
// 				width:1,
//         	}
//         },
//         axisTick: {
//         	show:true,
// 			alignWithLabel: true,
// 			lineStyle:{
// 				color: '#00eaff',
// 				width: 1
// 			},
//             interval: 'auto'
//         },
// 	},
// 	shape:{
// 		barCategoryGap: '70%',
//         lineStyle:{
//             width:2,
// 			smooth: 0.3,
// 			circleColor: '#ffffff'
// 		},
// 		bgRect:{
// 			lineColor: '#ffffff',
// 			hoverColor: '#ffba00',
// 			bgRectInColor: '#ffffff',
// 			bgInHoverColor: '#ffba00',
// 		},
// 	},
// 	series: [{
// 			name: '回流总次数',
// 			type:'bar',
// 			data: [350,900,300,450,470,310,270,580,710,650],
// 		},
// 		{
// 			name:'回流率',
// 			type:'line',
// 			data:[0.3,0.6,0.7,0.8,0.2,0.7,0.4,0.5,0.4,0.1]
// 		},

// 	]
// };