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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. import ChartDigit4 from '../../../src/chart/digit/ChartDigit4/ChartDigit4.js';
  2. import Title from "../../../src/chart/commonOptions/title";
  3. let chart=new ChartDigit4(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:"#061225"
  12. },
  13. grid:{
  14. left: "28%",
  15. right: "28%",
  16. top: "35%",
  17. bottom: "35%"
  18. },
  19. flyicon: {
  20. species: 'icon1',
  21. iconColor0: '#2C4287',
  22. iconColor1: '#4996D2',
  23. scale: '50%',
  24. shadowColor: '#00deff',
  25. shadowBlur: 30
  26. },
  27. numdata:{
  28. titFontsize: 20,
  29. titColor: '#29d2f6',
  30. titileLeft: 25,
  31. titileTop: 0,
  32. numfontSize: 60,
  33. numColor: '#ffc000',
  34. numshowColor: '#ff5400',
  35. numshowBlur: 50,
  36. numfontWeight: 'normal',
  37. numberLeft: 25,
  38. numberTop: 10,
  39. iskeepDec: true,
  40. isthousand:true,
  41. unitText: '单位',
  42. unitSize: 16,
  43. unitColor:'#ffc000',
  44. unitLeft: 5,
  45. unitTop: 35
  46. },
  47. series: [{
  48. name: '数据一',
  49. value: 33322.53
  50. }
  51. ]
  52. })
  53. },3000);