信通院-灾备 图表源码(在产品图表库基础上进行修改),开发逻辑和产品图表库一致
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ů.

index.js 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. import ChartBar from '../../../src/chart/bar/ChartBar13/ChartBar13.js';
  2. let bar = new ChartBar(document.getElementsByClassName('c1')[0], {});
  3. window.addEventListener('resize', () => {
  4. bar.resize();
  5. });
  6. // setTimeout(() => {
  7. // bar.setOption({
  8. // color: ["#7eb2e7", "#66ffff"],
  9. // bg: {
  10. // backgroundColor: '#161729'
  11. // },
  12. // title: Title.option('新经济普查工作'),
  13. // grid: Grid.option,
  14. // tooltip: {
  15. // dangerline: {
  16. // // show:true,
  17. // // dangerData:68
  18. // }
  19. // },
  20. // legend: {
  21. // left: "45%",
  22. // top: '6%',
  23. // itemHeight: 12,
  24. // itemWidth: 12,
  25. // itemAngelR: 20,
  26. // textStyle: {
  27. // fontSize: 16,
  28. // color: '#50a7bd'
  29. // }
  30. // },
  31. // xAxis: {
  32. // type: "category",
  33. // name: '年份',
  34. // nameTextStyle: {
  35. // fontSize: 12,
  36. // color: '#ccc',
  37. // },
  38. // namePosition: 'end',
  39. // axisLine: {
  40. // show: true,
  41. // lineStyle: {
  42. // color: '#00dff7',
  43. // width: 2,
  44. // type: 'solid'
  45. // }
  46. // },
  47. // axisTick: {
  48. // show: false,
  49. // alignWithLabel: false
  50. // },
  51. // splitLine: {
  52. // show: false,
  53. // },
  54. // axisLabel: {
  55. // show: true,
  56. // textStyle: {
  57. // color: '#50a7bd'
  58. // }
  59. // },
  60. // highLightColor: '#005eb8',
  61. // data: [2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016],
  62. // },
  63. // yAxis: {
  64. // type: 'value',
  65. // title: '(%)',
  66. // nameTextStyle: {
  67. // color: '#66ffff',
  68. // fontSize: 14
  69. // },
  70. // axisLine: {
  71. // show: true,
  72. // color: '#00dcff'
  73. // },
  74. // axisTick: {
  75. // show: true,
  76. // lineStyle: {
  77. // color: '#cee1ff',
  78. // width: 2
  79. // },
  80. // length: 3,
  81. // alignWithLabel: true
  82. // },
  83. // splitLine: {
  84. // show: true
  85. // },
  86. // axisLabel: {
  87. // textStyle: {
  88. // color: '#66ffff'
  89. // }
  90. // },
  91. // },
  92. // series: [ {
  93. // name: '行业2',
  94. // type: 'bar',
  95. // barGap: '80%',
  96. // barCategoryGap: '40%',
  97. // label: {
  98. // textStyle: {
  99. // fontSize: 14,
  100. // fontWeight: 'normal',
  101. // color: '#fff'
  102. // }
  103. //
  104. // },
  105. // data: [610, 860, 600, 1300, 1300, 700, 580, 750, 1280]
  106. // }
  107. //
  108. // ]
  109. //
  110. // })
  111. // },3000);