12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- import Chart from "../../../src/chart/table/ChartTable6/ChartTable6";
-
- let bar=new Chart(document.querySelector(".c1"),{});
-
- window.addEventListener('resize', () => {
- bar.resize();
- });
-
- let RectOption = {
- color:['#415F85','#A1F3FF'],
- bg:{
- backgroundColor:'#0A0B0F'
- },
- tool:{
- show:false,
- fontSize:14,
- color: '#C4E3F5'
- },
- textStyle:{
- color: '#ABC0D9',
- fontSize: 14
- },
- series: [
- {
- data: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31],
- type: [1,1,1,1,1,1,1,1,2,1,1,2,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
- },
- ]
- }
-
- let RectOption2 = {
- color:['#415F85','#A1F3FF'],
- bg:{
- backgroundColor:'#0A0B0F'
- },
- tool:{
- show:true,
- fontSize:14,
- color: '#C4E3F5'
- },
- textStyle:{
- color: '#ABC0D9',
- fontSize: 14
- },
- series: [
- {
- data: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31],
- type: [1,1,1,1,1,1,1,1,2,1,1,2,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
- },
- ]
- }
-
- // setTimeout(()=>{
- // console.log(3000);
- // bar.setOption(RectOption);
- // },3000)
-
- // setTimeout(()=>{
- // console.log(3000);
- // bar.setOption(RectOption2);
- // },5000)
|