12 lines
1003 B
XML
12 lines
1003 B
XML
{% set data = j2_top_providers_data(request) %}
|
|
{% set names = [] %}{% set vals = [] %}{% for r in data %}{% set _ = names.append(r.get("provider_name","")) %}{% set _ = vals.append(r.get("total_amount",0)) %}{% endfor %}
|
|
{% set script %}(function(){var c=echarts.init(document.getElementById('chart_top_providers'));c.setOption({tooltip:{trigger:'axis'},grid:{left:10,right:50,top:5,bottom:5,containLabel:true},xAxis:{type:'value'},yAxis:{type:'category',data:{{json.dumps(names,ensure_ascii=False)}},inverse:true,axisLabel:{fontSize:11}},series:[{type:'bar',data:{{json.dumps(vals,ensure_ascii=False)}},barMaxWidth:20,label:{show:true,position:'right',formatter:'¥{c}',fontSize:11}}]});window.addEventListener('resize',function(){c.resize()});})();{% endset %}
|
|
{
|
|
"widgettype": "WebWidget",
|
|
"options": {
|
|
"height": "200px",
|
|
"html": "<div id=\"chart_top_providers\" style=\"width:100%;height:200px;\"></div>",
|
|
"script": {{json.dumps(script, ensure_ascii=False)}}
|
|
}
|
|
}
|