getJob.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. $(function() {
  2. function createBar2() {
  3. var chartDom = document.getElementById('main2');
  4. var myChart = echarts.init(chartDom);
  5. var option;
  6. option = {
  7. tooltip: {
  8. trigger: 'axis'
  9. },
  10. xAxis: {
  11. type: 'category',
  12. data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  13. },
  14. yAxis: {
  15. type: 'value'
  16. },
  17. series: [
  18. {
  19. data: [120, 200, 150, 80, 70, 110, 130],
  20. type: 'bar'
  21. },
  22. {
  23. data: [120, 200, 150, 80, 70, 110, 130],
  24. type: 'bar'
  25. }
  26. ]
  27. };
  28. option && myChart.setOption(option);
  29. }
  30. function createBar3() {
  31. var chartDom = document.getElementById('main3');
  32. var myChart = echarts.init(chartDom);
  33. var option;
  34. option = {
  35. title: {
  36. text: 'Referer of a Website',
  37. subtext: 'Fake Data',
  38. left: 'center'
  39. },
  40. tooltip: {
  41. trigger: 'item'
  42. },
  43. legend: {
  44. orient: 'vertical',
  45. left: 'left'
  46. },
  47. series: [
  48. {
  49. name: 'Access From',
  50. type: 'pie',
  51. radius: '50%',
  52. data: [
  53. { value: 1048, name: 'Search Engine' },
  54. { value: 735, name: 'Direct' },
  55. { value: 580, name: 'Email' },
  56. { value: 484, name: 'Union Ads' },
  57. { value: 300, name: 'Video Ads' }
  58. ],
  59. emphasis: {
  60. itemStyle: {
  61. shadowBlur: 10,
  62. shadowOffsetX: 0,
  63. shadowColor: 'rgba(0, 0, 0, 0.5)'
  64. }
  65. }
  66. }
  67. ]
  68. };
  69. option && myChart.setOption(option);
  70. }
  71. function createBar1(title, data, clickEvent) {
  72. var chartDom = document.getElementById('main1');
  73. var myChart = echarts.init(chartDom);
  74. var option;
  75. option = {
  76. title: {
  77. text: 'Referer of a Website',
  78. subtext: 'Fake Data',
  79. left: 'center'
  80. },
  81. tooltip: {
  82. trigger: 'item'
  83. },
  84. legend: {
  85. orient: 'vertical',
  86. left: 'left'
  87. },
  88. series: [
  89. {
  90. name: 'Access From',
  91. type: 'pie',
  92. radius: '50%',
  93. data: [
  94. { value: 1048, name: 'Search Engine' },
  95. { value: 735, name: 'Direct' },
  96. { value: 580, name: 'Email' },
  97. { value: 484, name: 'Union Ads' },
  98. { value: 300, name: 'Video Ads' }
  99. ],
  100. emphasis: {
  101. itemStyle: {
  102. shadowBlur: 10,
  103. shadowOffsetX: 0,
  104. shadowColor: 'rgba(0, 0, 0, 0.5)'
  105. }
  106. }
  107. }
  108. ]
  109. };
  110. option && myChart.setOption(option);
  111. }
  112. createBar1();
  113. createBar2();
  114. createBar3();
  115. })