123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- import ChartPie from '../../../src/chart/pie/ChartPie34/ChartPie34';
-
- let c1 = document.getElementsByClassName('c1')[0];
- const defaultOption = {
- color:['#00DEFF', '#FF0000', '#929292','#00fcff','#0d67a1'],
- pie: {
- startX: '50%',
- startY: '50%',
- rIn: 14,
- rIn2: 48,
- rOut: 59,
- warn: '100%',
- fontColor: '#fff',
- fontSize: 7,
- tipColor: '#00DEFF',
- tipFont: 12,
- inColor: '#929292',
- ringInColor: '#78AADC',
- pointColor: '#07577B',
- ringOutColor: '#fff'
- },
- text: {
- startX: '70%',
- startY: '40%',
- rectWidth: 58,
- rectHeight: 14,
- textHeight: 10,
- textColor: '#99C3CF',
- rectColor: '#ffff00',
- borderColor:'#074851',
- clickColor: '#615000',
- clickBorder: '#AF8C00'
- },
- series: [
- {
- name: '和平区',
- data:0.8
- },
- {
- name: '河东区',
- data:0.9
- },{
- name: '河西区',
- data:1
- },{
- name: '南开区',
- data:1
- },{
- name: '河北区',
- data:1
- },{
- name: '红桥区',
- data:0.5
- },{
- name: '东丽区',
- data:1
- },{
- name: '西青区',
- data:1
- },{
- name: '津南区',
- data:1
- },{
- name: '北辰区',
- data:1
- },{
- name: '武清区',
- data:1
- },{
- name: '宝坻区',
- data:1
- },{
- name: '滨海新区',
- data:1
- },{
- name: '宁河区',
- data:1
- },{
- name: '静海区',
- data:1
- },{
- name: '蓟州区',
- data:1
- },],
- bg:{
- backgroundColor:"#000000"
- }
- };
- let chart=new ChartPie(c1,{});
- window.addEventListener('resize',()=>{
- chart.resize();
- });
-
- setTimeout(() => {
- // chart.setOption(defaultOption)
- }, 2000)
-
-
-
- // let btn = document.querySelector('button');
- // btn.onclick = () => {
- // c1.style.width = "1200px";
- // c1.style.height = "800px";
- // chart.resize2();
- // }
|