信通院-灾备 图表源码(在产品图表库基础上进行修改),开发逻辑和产品图表库一致
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.js 1.7KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. import ChartDigit1 from '../../../src/chart/digit/ChartDigit3/ChartDigit3.js';
  2. import Title from "../../../src/chart/commonOptions/title";
  3. let chart=new ChartDigit1(document.getElementsByClassName('c1')[0],{});
  4. window.addEventListener('resize',()=>{
  5. chart.resize();
  6. });
  7. setTimeout(()=>{
  8. chart.setOption({
  9. title: Title.option(''),
  10. bg: {
  11. backgroundColor: "#161729"
  12. },
  13. grid: {
  14. left: "5%",
  15. top: "35%",
  16. },
  17. // realPer: {
  18. // height: 12,
  19. //
  20. // top: 0,
  21. // left: 0
  22. // },
  23. // targetPer: {
  24. // height: 5,
  25. // bg: '#00eaff',
  26. // top: 10,
  27. // left: 0
  28. // },
  29. lineStyle:{
  30. maxWidth:'80%',
  31. realColor:'#dceeff',
  32. targetColor:'#00eaff'
  33. },
  34. caricon: {
  35. iconName: 'icon1',
  36. iconColor: '#dceeff',
  37. shadowColor: '#00deff',
  38. shadowBlur: 50,
  39. scale: '60%',
  40. // left: -5,
  41. // top: -3
  42. },
  43. textStyle:{
  44. realColor:'#dceeff',
  45. targetColor:'#00eaff',
  46. align:'right',//右对齐
  47. wordSize:14,
  48. numSize:53,
  49. fontWeight: 'normal',
  50. shadowColor: '#006cff',
  51. shadowBlur: 50,
  52. iskeepdec: false,
  53. isthousand:false,
  54. },
  55. series: [{
  56. name: '实际值',
  57. value: "hhh"
  58. },
  59. {
  60. name: '目标值',
  61. value: "hhh"
  62. }
  63. ]
  64. })
  65. },3000)