zaibei_charts/test/bar/ChartBar6/index.js

import ChartBar from '../../../src/chart/bar/ChartBar6/ChartBar6.js';
import Title from "../../../src/chart/commonOptions/title";
let bar =new ChartBar(document.getElementsByClassName('c1')[0],{});
window.addEventListener('resize',()=>{
	bar.resize();
});

// setTimeout(function(){
// 	bar.setOption({
//         color: ['#dceeff', '#00eaff', '#7db4ff', '006cff', '#addbe6', '#4169e1', '#8d97bf', '#0025b0'],
//         bg: {
//             backgroundColor: "#112448"
//         },
//         title:Title.option(''),
//         grid: {
//             left: '20%',
//             right: '20%',
//             top: '20%',
//             bottom: '20%'
//         },
//         legend: {
//             left: "18%",
//             top: '6%',
//             itemHeight: 12,
//             itemWidth: 12,
//             itemAngelR: 20,
//             textStyle: {
//                 fontSize: 16,
//                 color: '#50a7bd'
//             }
//         },
//         tooltip:{
//             offsetX:25,
//             offsetY:5,
//             textColor:'#ffba00',
//             bgStyle:{
//                 backgroundColor:'#1b3977',
//                 borderColor:'#006e7f'
//             },
//         },
//         xAxis: {
//             type: 'category',
//             axisLabel: {
//                 textStyle: {
//                     color: '#4e75a1'
//                 }
//             },
//             axisTick: {
//                 show: true,
//                 length: 2,
//                 lineStyle: {
//                     color: '#88c5ff',
//                     width: 2
//                 }
//             },
//             data: ['1月', '2月', '3月', '4月']
//         },
//         yAxis: {
//             type: 'value',
//             axisTick: {
//                 show: true,
//                 length: 2,
//                 lineStyle: {
//                     color: '#88c5ff',
//                     width: 2
//                 }
//             },
//             axisLabel: {
//                 textStyle: {
//                     color: '#4e75a1'
//                 }
//             },
//             splitLine:{
//                 lineStyle:{
//                     color:'#2b3f58',
//                     width:1
//                 }
//             }
//         },
//         series: [ {
//             name: '目标值',
//             data: [60, 70, 75, 60],
//             splitNum:26,
//             label:{
//                 show:false,
//                 color:'#fff',
//                 fontSize:12,
//                 fontWeight:'normal'
//             }
//         }]
//     })
// },3000)