模板:Echart/doc

於 2025年2月15日 (六) 11:57 由 zhmoe>Chi ZJ2 所做的修訂
(差異) ←上個修訂 | 最新修訂 (差異) | 下個修訂→ (差異)

該模板用以顯示使用Apache Echarts 5渲染的圖表,使用以下5個參數:

  • datapage必填,指定包含Echarts#setOption可接受的數據的頁面,該頁面必須以JSON格式填寫(可在頁面左側工具欄【頁面信息】處打開頁面信息頁,找到修改「頁面內容類型」的連結;或是直接打開[[Special:ChangeContentModel/【页面名称】]];例如User:AnnAngela/contributions);
    • data:數據較少且不常變動時,可以使用該參數直接填寫JSON,代替datapage(提示:可以在必要時使用<nowiki>標籤包裹這個JSON片段以防止模板意外閉合)。
    • 可以在官方提供的編輯器里測試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}}