1 生成一个图

def bar_base() -> Bar:
    c = (
        Bar()
        .add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"])
        .add_yaxis("商家A", [randrange(0, 100) for _ in range(6)])
        .add_yaxis("商家B", [randrange(0, 100) for _ in range(6)])
        .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题"))
        .dump_options_with_quotes()
    )
    return c

2 在视图中传入对应js，注意格式

def test(request):
    return render(request, 'test.html', {'data': json.dumps(json.loads(bar_base()))})

3 在模板文件中，修改js语句

· 注意要{{data|safe}}格式过滤器

<div id="abc" class="chart-container" style="width:1400px; height:600px;"></div>
<script>
var chart_abc = echarts.init(document.getElementById('abc'), 'essos', {renderer: 'canvas'});
chart_abc.setOption({{data|safe}});
</script>

参考资料

https://www.cnblogs.com/tangji/p/14764040.html
https://www.cnblogs.com/iamjqy/p/7988806.html