config.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. export default {
  2. COMPNAME: "avue-echart-",
  3. NAME: "list",
  4. DEAFNAME: "item",
  5. };
  6. export const website = window.$website;
  7. export const url = website.url;
  8. export const tip = `
  9. //data为返回的数据
  10. /**
  11. * 说明:只有样式编辑、数据处理、组件事件、请求头、请求参数方法需要返回函数
  12. * 静态数据或者配置数据直接返回JSON对象即可
  13. * 不写的话采用默认加载
  14. */
  15. #样式编辑、数据处理、组件事件、请求头、请求参数
  16. (data)=>{
  17. //处理数据逻辑
  18. return {
  19. //返回图表的标准数据结构体
  20. }
  21. }
  22. #事件处理
  23. ({name,type,value,data})=>{
  24. //直接写执行的逻辑即可
  25. alert(data,name)
  26. }
  27. #提示处理
  28. (name,data) => {
  29. return 返回需要展示的文本
  30. }
  31. #文本框/图片框/Iframe框等通用数据格式
  32. {
  33. value:'xxxxx'
  34. }
  35. #柱状图数据格式
  36. {
  37. "categories": [
  38. "苹果",
  39. ],
  40. "series": [{
  41. "name": "手机品牌",
  42. "data": [
  43. 1000879,
  44. ]
  45. }]
  46. }
  47. #折线图数据格式
  48. {
  49. "categories": [
  50. "苹果",
  51. ],
  52. "series": [{
  53. "name": "手机品牌",
  54. "data": [
  55. 1000879,
  56. ]
  57. }]
  58. }
  59. #饼图数据格式
  60. [{
  61. "name": "PC",
  62. "value": 97,
  63. "url": "http://www.baidu.com"
  64. },{
  65. "name": "PC",
  66. "value": 97,
  67. "url": "http://www.baidu.com"
  68. }]
  69. #象型图数据格式
  70. {
  71. "categories": [
  72. "苹果",
  73. ],
  74. "series": [{
  75. "name": "手机品牌",
  76. "data": [
  77. 1000879,
  78. ]
  79. }]
  80. }
  81. #雷达图数据格式
  82. {
  83. indicator: [{
  84. name: '销售',
  85. max: 6500
  86. }],
  87. series: [{
  88. data: [{
  89. value: [4300, 10000, 28000, 35000, 50000, 19000],
  90. name: '预算分配(Allocated Budget)'
  91. }]
  92. }]
  93. }
  94. #散点图数据格式
  95. [{
  96. data: [
  97. [1, 8.04],
  98. [2, 6.95]
  99. ]
  100. },
  101. {
  102. data: [
  103. [1, 4.04],
  104. [2, 3.95]
  105. ]
  106. }]
  107. #漏斗图数据格式
  108. [{
  109. value: 335,
  110. name: '直接访问'
  111. },
  112. {
  113. value: 310,
  114. name: '邮件营销'
  115. },
  116. {
  117. value: 234,
  118. name: '联盟广告'
  119. }]
  120. #轮播图数据格式
  121. [{
  122. value: '图片地址'
  123. },
  124. {
  125. value: '图片地址2'
  126. }]
  127. #地图数据格式
  128. [{
  129. "name": "测试坐标1",
  130. "value": 1,
  131. "lng": 118.30078125,
  132. "lat": 36.91915611148194,
  133. "zoom": 1
  134. },
  135. {
  136. "name": "测试坐标2",
  137. "value": 1,
  138. "lng": 112.21435546875,
  139. "lat": 37.965854128749434,
  140. "zoom": 1
  141. }]
  142. `;