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

模板:Echart/doc

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

該模板用以顯示使用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}}