置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:Echart

来自萌娘百科
跳到导航 跳到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

该模板用以显示使用Apache Echarts 5渲染的图表,使用以下5个参数:

  • datapage必填,指定包含Echarts#setOption可接受的数据的页面,该页面必须以JSON格式填写(可在页面左侧工具栏【页面信息】处打开页面信息页,找到修改“页面内容类型”的链接;或是直接打开[[Special:ChangeContentModel/【页面名称】]];例如User:AnnAngela/contributions);
    • data:数据较少且不常变动时,可以使用该参数直接填写JSON,代替datapage(提示:可以在必要时使用<nowiki>标签包裹这个JSON片段以防止模板意外闭合)。
  • width:选填,指定图表宽度,只支持整数(以px为单位),若该值无法解析为整数或小于等于160则按1200解析;
  • height:选填,指定图表高度,只支持整数(以px为单位),若该值无法解析为整数或小于等于90则按675解析;
  • debug:选填,当值为1时指定页面加载debug版本(即没有被Uglifyjs压缩过的版本,该版本会输出完整的报错信息,适合用于调试;该设置具有全局性,只要页面中有一处指定了debug=1则页面只会加载debug版本)。
  • draw:选填。{{Echart}}可以同时绘制多个数据系列,但如果出于排版等的考虑,需要在一个页面内多次调用这一模板时,除了最后一次调用外之前每次都需要加上draw=off

注意:由于安全原因,本模板加载的数据不接受html字符串,有需要的请使用richText。(即html字符串会被格式化不会加载,以避免诸如该示例中的XSS攻击


示例如下:

{{Echart|datapage=User:AnnAngela/contributions|height=370}}