首页/ mobileweb/ 图表工具大全 · 移动端数据可视化图表库(原生 JS 无依赖)/ 代码预览

💻 代码预览 · 图表工具大全 · 移动端数据可视化图表库(原生 JS 无依赖)

mw_tool · 上传者 驰旭教育
← 返回详情
r111/data/fallback.js · 约 10085 字符
1/* r111 离线兜底数据副本:内容与 data/*.json 完全一致。2   以 file:// 协议直接打开时浏览器会拦截 fetch,此时自动读取本文件。 */3window.__DATA__ = {4 "index": {5  "project": "图表工具大全",6  "version": "1.0",7  "updated": "2026-08-04",8  "datasets": [9   "sales",10   "visits",11   "region",12   "traffic",13   "device",14   "ad",15   "ability",16   "funnel",17   "kpi",18   "heat"19  ],20  "meta": [21   {22    "id": "sales",23    "name": "年度销售趋势",24    "type": "series",25    "unit": "万元",26    "icon": "📈"27   },28   {29    "id": "visits",30    "name": "近七日访问量",31    "type": "series",32    "unit": "人次",33    "icon": "🌊"34   },35   {36    "id": "region",37    "name": "区域销售对比",38    "type": "series",39    "unit": "万元",40    "icon": "📊"41   },42   {43    "id": "traffic",44    "name": "流量来源构成",45    "type": "items",46    "unit": "%",47    "icon": "🥧"48   },49   {50    "id": "device",51    "name": "终端设备分布",52    "type": "items",53    "unit": "%",54    "icon": "🍩"55   },56   {57    "id": "ad",58    "name": "广告投放效果",59    "type": "scatter",60    "unit": "",61    "icon": "🫧"62   },63   {64    "id": "ability",65    "name": "店铺能力评估",66    "type": "radar",67    "unit": "分",68    "icon": "🕸️"69   },70   {71    "id": "funnel",72    "name": "电商转化漏斗",73    "type": "items",74    "unit": "人",75    "icon": "🔻"76   },77   {78    "id": "kpi",79    "name": "核心指标达成",80    "type": "items",81    "unit": "%",82    "icon": "🎯"83   },84   {85    "id": "heat",86    "name": "近十二周活跃热力",87    "type": "heat",88    "unit": "活跃数",89    "icon": "🔥"90   }91  ]92 },93 "sales": {94  "id": "sales",95  "name": "年度销售趋势",96  "icon": "📈",97  "desc": "2026 年三大渠道逐月销售额,适合折线图 / 曲线图 / 面积图 / 柱状图",98  "unit": "万元",99  "type": "series",100  "cats": [101   "1月",102   "2月",103   "3月",104   "4月",105   "5月",106   "6月",107   "7月",108   "8月",109   "9月",110   "10月",111   "11月",112   "12月"113  ],114  "series": [115   {116    "name": "线上商城",117    "color": "#4263eb",118    "data": [119     128,120     142,121     165,122     158,123     187,124     205,125     233,126     226,127     251,128     268,129     312,130     356131    ]132   },133   {134    "name": "线下门店",135    "color": "#12b886",136    "data": [137     96,138     88,139     112,140     124,141     131,142     118,143     106,144     121,145     143,146     156,147     178,148     201149    ]150   },151   {152    "name": "分销代理",153    "color": "#f59f00",154    "data": [155     52,156     61,157     58,158     73,159     82,160     91,161     88,162     97,163     104,164     112,165     126,166     148167    ]168   }169  ],170  "tint": "#edf2ff"171 },172 "visits": {173  "id": "visits",174  "name": "近七日访问量",175  "icon": "🌊",176  "desc": "小程序 / APP / H5 三端每日 UV,适合堆叠面积图与百分比堆叠图",177  "unit": "人次",178  "type": "series",179  "cats": [180   "周一",181   "周二",182   "周三",183   "周四",184   "周五",185   "周六",186   "周日"187  ],188  "series": [189   {190    "name": "小程序",191    "color": "#4263eb",192    "data": [193     12400,194     13100,195     12800,196     14600,197     16800,198     22400,199     20900200    ]201   },202   {203    "name": "APP",204    "color": "#12b886",205    "data": [206     8600,207     9100,208     8800,209     9400,210     10200,211     13600,212     12800213    ]214   },215   {216    "name": "H5 页面",217    "color": "#7048e8",218    "data": [219     4200,220     3900,221     4600,222     5100,223     5800,224     8200,225     7400226    ]227   }228  ],229  "tint": "#e6fcf5"230 },231 "region": {232  "id": "region",233  "name": "区域销售对比",234  "icon": "📊",235  "desc": "八个大区两年销售额对比,适合分组柱状图 / 条形图 / 堆叠柱状图",236  "unit": "万元",237  "type": "series",238  "cats": [239   "华东",240   "华南",241   "华北",242   "华中",243   "西南",244   "西北",245   "东北",246   "海外"247  ],248  "series": [249   {250    "name": "2025 年",251    "color": "#adb5bd",252    "data": [253     386,254     312,255     298,256     214,257     176,258     98,259     121,260     84261    ]262   },263   {264    "name": "2026 年",265    "color": "#4263eb",266    "data": [267     492,268     401,269     356,270     268,271     233,272     132,273     146,274     178275    ]276   }277  ],278  "tint": "#fff9db"279 },280 "traffic": {281  "id": "traffic",282  "name": "流量来源构成",283  "icon": "🥧",284  "desc": "站点访问来源占比,适合饼图 / 环形图 / 南丁格尔玫瑰图",285  "unit": "%",286  "type": "items",287  "items": [288   {289    "name": "自然搜索",290    "value": 32.4,291    "color": "#4263eb"292   },293   {294    "name": "直接访问",295    "value": 24.1,296    "color": "#12b886"297   },298   {299    "name": "社交分享",300    "value": 18.6,301    "color": "#f59f00"302   },303   {304    "name": "付费广告",305    "value": 12.8,306    "color": "#e8590c"307   },308   {309    "name": "友情链接",310    "value": 7.3,311    "color": "#7048e8"312   },313   {314    "name": "其他来源",315    "value": 4.8,316    "color": "#1098ad"317   }318  ],319  "tint": "#f3f0ff"320 },321 "device": {322  "id": "device",323  "name": "终端设备分布",324  "icon": "🍩",325  "desc": "用户终端占比,适合环形图与玫瑰图对照展示",326  "unit": "%",327  "type": "items",328  "items": [329   {330    "name": "Android",331    "value": 46.2,332    "color": "#12b886"333   },334   {335    "name": "iOS",336    "value": 38.5,337    "color": "#4263eb"338   },339   {340    "name": "PC 浏览器",341    "value": 11.1,342    "color": "#f59f00"343   },344   {345    "name": "平板 / 其他",346    "value": 4.2,347    "color": "#e64980"348   }349  ],350  "tint": "#e3fafc"351 },352 "ad": {353  "id": "ad",354  "name": "广告投放效果",355  "icon": "🫧",356  "desc": "投放金额与转化率关系,气泡大小表示成交订单数,适合散点图 / 气泡图",357  "unit": "",358  "type": "scatter",359  "xname": "投放金额(万元)",360  "yname": "转化率(%)",361  "zname": "成交订单",362  "series": [363   {364    "name": "信息流",365    "color": "#4263eb",366    "points": [367     [368      2.1,369      1.8,370      120371     ],372     [373      3.4,374      2.6,375      210376     ],377     [378      5.2,379      3.1,380      340381     ],382     [383      6.8,384      3.6,385      460386     ],387     [388      8.4,389      4.2,390      610391     ],392     [393      10.2,394      4.0,395      690396     ],397     [398      12.6,399      4.8,400      880401     ]402    ]403   },404   {405    "name": "搜索竞价",406    "color": "#12b886",407    "points": [408     [409      1.6,410      3.2,411      180412     ],413     [414      2.8,415      4.1,416      260417     ],418     [419      4.4,420      4.9,421      420422     ],423     [424      6.1,425      5.6,426      560427     ],428     [429      7.9,430      6.1,431      720432     ],433     [434      9.6,435      6.4,436      830437     ],438     [439      11.8,440      7.2,441      1020442     ]443    ]444   },445   {446    "name": "达人种草",447    "color": "#f59f00",448    "points": [449     [450      1.2,451      2.4,452      90453     ],454     [455      2.4,456      3.8,457      160458     ],459     [460      3.6,461      5.2,462      280463     ],464     [465      5.4,466      6.8,467      430468     ],469     [470      7.2,471      7.4,472      590473     ],474     [475      9.1,476      8.6,477      760478     ],479     [480      11.2,481      9.1,482      940483     ]484    ]485   }486  ],487  "tint": "#e7f5ff"488 },489 "ability": {490  "id": "ability",491  "name": "店铺能力评估",492  "icon": "🕸️",493  "desc": "六个维度的能力评分对比,适合雷达图",494  "unit": "分",495  "type": "radar",496  "indicators": [497   {498    "name": "商品力",499    "max": 100500   },501   {502    "name": "履约",503    "max": 100504   },505   {506    "name": "服务",507    "max": 100508   },509   {510    "name": "复购",511    "max": 100512   },513   {514    "name": "内容",515    "max": 100516   },517   {518    "name": "增长",519    "max": 100520   }521  ],522  "series": [523   {524    "name": "本店",525    "color": "#4263eb",526    "data": [527     86,528     74,529     92,530     68,531     81,532     88533    ]534   },535   {536    "name": "行业均值",537    "color": "#f59f00",538    "data": [539     72,540     68,541     75,542     62,543     58,544     64545    ]546   }547  ],548  "tint": "#edf2ff"549 },550 "funnel": {551  "id": "funnel",552  "name": "电商转化漏斗",553  "icon": "🔻",554  "desc": "从曝光到复购五个阶段的用户流失,适合漏斗图",555  "unit": "人",556  "type": "items",557  "items": [558   {559    "name": "商品曝光",560    "value": 128000,561    "color": "#4263eb"562   },563   {564    "name": "点击详情",565    "value": 46200,566    "color": "#5c7cfa"567   },568   {569    "name": "加入购物车",570    "value": 18400,571    "color": "#12b886"572   },573   {574    "name": "提交订单",575    "value": 9600,576    "color": "#f59f00"577   },578   {579    "name": "支付成功",580    "value": 7840,581    "color": "#e8590c"582   }583  ],584  "tint": "#fff4e6"585 },586 "kpi": {587  "id": "kpi",588  "name": "核心指标达成",589  "icon": "🎯",590  "desc": "四项经营指标的目标达成率,适合仪表盘 / 进度环",591  "unit": "%",592  "type": "items",593  "items": [594   {595    "name": "GMV 达成率",596    "value": 86.4,597    "color": "#4263eb"598   },599   {600    "name": "毛利率",601    "value": 42.7,602    "color": "#12b886"603   },604   {605    "name": "履约时效达标",606    "value": 93.2,607    "color": "#f59f00"608   },609   {610    "name": "客诉解决率",611    "value": 78.5,612    "color": "#e64980"613   }614  ],615  "tint": "#e6fcf5"616 },617 "heat": {618  "id": "heat",619  "name": "近十二周活跃热力",620  "icon": "🔥",621  "desc": "12 周 x 7 天的日活强度,适合日历热力图",622  "unit": "活跃数",623  "type": "heat",624  "start": "2026-05-11",625  "weeks": 12,626  "days": [627   "一",628   "二",629   "三",630   "四",631   "五",632   "六",633   "日"634  ],635  "values": [636   52,637   33,638   36,639   39,640   41,641   78,642   80,643   51,644   53,645   55,646   57,647   58,648   92,649   93,650   62,651   62,652   62,653   83,654   60,655   93,656   91,657   58,658   56,659   54,660   51,661   49,662   80,663   77,664   44,665   41,666   38,667   35,668   32,669   64,670   83,671   28,672   26,673   25,674   23,675   22,676   55,677   54,678   23,679   23,680   24,681   24,682   25,683   61,684   62,685   33,686   35,687   59,688   40,689   42,690   79,691   82,692   54,693   57,694   60,695   63,696   65,697   102,698   104,699   76,700   78,701   80,702   81,703   83,704   140,705   118,706   88,707   88,708   88,709   87,710   86,711   119,712   118,713   85,714   83,715   81,716   78,717   76,718   107,719   104720  ],721  "tint": "#fff5f5"722 }723};724