信通院-灾备 图表源码(在产品图表库基础上进行修改),开发逻辑和产品图表库一致
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. import ChartPie from '../../../src/chart/pie/ChartPie34/ChartPie34';
  2. let c1 = document.getElementsByClassName('c1')[0];
  3. const defaultOption = {
  4. color:['#00DEFF', '#FF0000', '#929292','#00fcff','#0d67a1'],
  5. pie: {
  6. startX: '50%',
  7. startY: '50%',
  8. rIn: 14,
  9. rIn2: 48,
  10. rOut: 59,
  11. warn: '100%',
  12. fontColor: '#fff',
  13. fontSize: 7,
  14. tipColor: '#00DEFF',
  15. tipFont: 12,
  16. inColor: '#929292',
  17. ringInColor: '#78AADC',
  18. pointColor: '#07577B',
  19. ringOutColor: '#fff'
  20. },
  21. text: {
  22. startX: '70%',
  23. startY: '40%',
  24. rectWidth: 58,
  25. rectHeight: 14,
  26. textHeight: 10,
  27. textColor: '#99C3CF',
  28. rectColor: '#ffff00',
  29. borderColor:'#074851',
  30. clickColor: '#615000',
  31. clickBorder: '#AF8C00'
  32. },
  33. series: [
  34. {
  35. name: '和平区',
  36. data:0.8
  37. },
  38. {
  39. name: '河东区',
  40. data:0.9
  41. },{
  42. name: '河西区',
  43. data:1
  44. },{
  45. name: '南开区',
  46. data:1
  47. },{
  48. name: '河北区',
  49. data:1
  50. },{
  51. name: '红桥区',
  52. data:0.5
  53. },{
  54. name: '东丽区',
  55. data:1
  56. },{
  57. name: '西青区',
  58. data:1
  59. },{
  60. name: '津南区',
  61. data:1
  62. },{
  63. name: '北辰区',
  64. data:1
  65. },{
  66. name: '武清区',
  67. data:1
  68. },{
  69. name: '宝坻区',
  70. data:1
  71. },{
  72. name: '滨海新区',
  73. data:1
  74. },{
  75. name: '宁河区',
  76. data:1
  77. },{
  78. name: '静海区',
  79. data:1
  80. },{
  81. name: '蓟州区',
  82. data:1
  83. },],
  84. bg:{
  85. backgroundColor:"#000000"
  86. }
  87. };
  88. let chart=new ChartPie(c1,{});
  89. window.addEventListener('resize',()=>{
  90. chart.resize();
  91. });
  92. setTimeout(() => {
  93. // chart.setOption(defaultOption)
  94. }, 2000)
  95. // let btn = document.querySelector('button');
  96. // btn.onclick = () => {
  97. // c1.style.width = "1200px";
  98. // c1.style.height = "800px";
  99. // chart.resize2();
  100. // }