信通院-灾备 图表源码(在产品图表库基础上进行修改),开发逻辑和产品图表库一致
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. import ChartBar from '../../../src/chart/bar/ChartBar45/ChartBar45';
  2. let bar = new ChartBar(document.getElementsByClassName('c1')[0], {});
  3. import Animation from "../../../src/chart/commonOptions/animation";
  4. let option = {
  5. color: ['#61dfff'],
  6. bg:{
  7. backgroundColor:'#000713'
  8. },
  9. animation: Animation.option,
  10. grid: {
  11. left:'18%',
  12. top:'20%',
  13. right:'18%',
  14. bottom:'18%',
  15. containLabel: false
  16. },
  17. shape:{
  18. maxNum:150,
  19. borderColor: '#1d4970',
  20. itemHeight: 16,
  21. smallRectColor: '#9ac6fa',
  22. textBorderColor:'#4d6e95',
  23. textLeft:{
  24. color: '#d6deff',
  25. fontSize: 12
  26. },
  27. textRight:{
  28. color: '#ff0000',
  29. fontSize: 12
  30. }
  31. },
  32. series: [
  33. {
  34. data:[
  35. {name:"市司法局",value:90},
  36. {name:"市审视局",value:120},
  37. {name:"市人防办",value:80},
  38. {name:"市档案馆",value:48},
  39. ]
  40. }
  41. ]
  42. };
  43. // bar.setOption(data)
  44. window.addEventListener('resize', () => {
  45. bar.resize();
  46. });
  47. // setTimeout(()=>{
  48. // console.log(555);
  49. // bar.setOption(option)
  50. // },5000)