信通院-灾备 图表源码(在产品图表库基础上进行修改),开发逻辑和产品图表库一致
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. import Chart from "../../../src/chart/table/ChartTable6/ChartTable6";
  2. let bar=new Chart(document.querySelector(".c1"),{});
  3. window.addEventListener('resize', () => {
  4. bar.resize();
  5. });
  6. let RectOption = {
  7. color:['#415F85','#A1F3FF'],
  8. bg:{
  9. backgroundColor:'#0A0B0F'
  10. },
  11. tool:{
  12. show:false,
  13. fontSize:14,
  14. color: '#C4E3F5'
  15. },
  16. textStyle:{
  17. color: '#ABC0D9',
  18. fontSize: 14
  19. },
  20. series: [
  21. {
  22. data: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31],
  23. type: [1,1,1,1,1,1,1,1,2,1,1,2,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
  24. },
  25. ]
  26. }
  27. let RectOption2 = {
  28. color:['#415F85','#A1F3FF'],
  29. bg:{
  30. backgroundColor:'#0A0B0F'
  31. },
  32. tool:{
  33. show:true,
  34. fontSize:14,
  35. color: '#C4E3F5'
  36. },
  37. textStyle:{
  38. color: '#ABC0D9',
  39. fontSize: 14
  40. },
  41. series: [
  42. {
  43. data: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31],
  44. type: [1,1,1,1,1,1,1,1,2,1,1,2,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
  45. },
  46. ]
  47. }
  48. // setTimeout(()=>{
  49. // console.log(3000);
  50. // bar.setOption(RectOption);
  51. // },3000)
  52. // setTimeout(()=>{
  53. // console.log(3000);
  54. // bar.setOption(RectOption2);
  55. // },5000)