123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import ChartBar from '../../../src/chart/bar/ChartBar46/ChartBar46';
- import ToolTip from "../../../src/chart/commonOptions/tooltip";
-
- let bar = new ChartBar(document.getElementsByClassName('c1')[0], {});
-
- let option = {
- color: ['#61dfff','#142D33'],
- bg:{
- backgroundColor:'#000713'
- },
- tooltip: ToolTip.option,
- grid: {
- left:'18%',
- top:'20%',
- right:'18%',
- bottom:'18%',
- containLabel: false
- },
- shape:{
- maxNum:150,
- borderColor: '#1d4970',
- itemHeight: 10,
- smallRectColor: '#9ac6fa',
- textBorderColor:'#4d6e95',
- borderLineColor:'#61dfff',
- textLeft:{
- color: '#d6deff',
- fontSize: 12
- },
- title:{
- color: '#61dfff',
- fontSize: 16
- }
- },
- series: [
- {
- data:[
- {name:"市司法局",value:90},
- {name:"市审视局",value:120},
- {name:"市人防办",value:80},
- {name:"市档案馆",value:48},
- // {name:"市水务局",value:20}
- ]
- }
- ]
- };
- // bar.setOption(data)
- // window.addEventListener('resize', () => {
- // bar.resize();
- // });
- let dom2 = document.getElementsByClassName('c2')[0];
- // dom2.onclick=e=>{
- // console.log(222)
- // bar.resize();
- // }
-
- setTimeout(()=>{
- // console.log(555);
- // bar.setOption(option)
- },5000)
|