首页django引入echarts

django引入echarts

时间: 2023-10-07 15:08:48 浏览: 77

要在Django中使用ECharts，您需要执行以下操作： 1. 在您的Django项目中创建一个静态文件夹，例如`static`。 2. 从ECharts官网下载所需版本的ECharts库，并将其保存在您的静态文件夹中。 3. 在您的Django项目中的HTML文件中包含ECharts库的路径。 ```html <head> <script src="/static/echarts.min.js"></script> </head> ``` 4. 在您的Django视图函数中创建ECharts图表，并将其传递到HTML模板中。 ```python from django.shortcuts import render import json def my_view(request): # 创建ECharts图表 chart_data = { 'title': { 'text': '示例图表', 'subtext': '这是一个示例' }, 'xAxis': { 'type': 'category', 'data': ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, 'yAxis': { 'type': 'value' }, 'series': [{ 'data': [820, 932, 901, 934, 1290, 1330, 1320], 'type': 'line' }] } chart_data = json.dumps(chart_data) # 将图表数据传递到HTML模板中 return render(request, 'my_template.html', {'chart_data': chart_data}) ``` 5. 在您的HTML模板中使用ECharts库的JavaScript代码并呈现图表。 ```html <body> <div id="my-chart" style="width: 600px; height: 400px;"></div> <script> // 呈现图表 var myChart = echarts.init(document.getElementById('my-chart')); var chartData = {{ chart_data|safe }}; myChart.setOption(chartData); </script> </body> ```

阅读全文