gpt4 book ai didi

python - 如何在我的 view.py 中添加 highchart?

转载 作者:太空宇宙 更新时间:2023-11-03 15:18:50 26 4
gpt4 key购买 nike

有人知道如何在 view.py 中添加 Highcharts 吗?这意味着我的数据是基于 python 代码的过滤器,并从数据帧转换为 highchart。

最佳答案

使用 pip 安装 django-highcharts(我们建议在 virtualenv 中进行)。

git clone https://github.com/novapost/django-highcharts.git
cd django-highcharts
pip install -e ./

要将其集成到 Django 项目中,只需将其添加到您的 INSTALLED_APPS 中即可:

INSTALLED_APPS = [
# some interesting stuff...
'highcharts',
# some other stuff...
]

不要忘记设置 STATIC_ROOT 路径并运行以下命令来更新静态文件:

python manage.py collectstatic

查看

from highcharts.views import HighChartsBarView

class BarView(HighChartsBarView):
categories = ['Orange', 'Bananas', 'Apples']

@property
def series(self):
result = []
for name in ('Joe', 'Jack', 'William', 'Averell'):
data = []
for x in range(len(self.categories)):
data.append(random.randint(0, 10))
result.append({'name': name, "data": data})
return result

模板

{% load staticfiles %}<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="{% static 'js/highcharts/highcharts.js' %}"></script>
<script type="text/javascript">
$(function () {
$.getJSON("{% url 'bar' %}", function(data) {
$('#container').highcharts(data);
});
});
</script>
</head>
<body>
<div id="container" style="height: 300px"></div>
</body>
</html>

请注意,highcharts.js 文件应在 JQuery 库之后调用。

查看Documentation PDF了解详情。

编辑 1

使用 pip 安装包

pip install pandas-highcharts

将其导入您的 View

import pandas_highcharts
df = ... # create your dataframe here
chart = pandas_highcharts.serialize(df, render_to='my-chart', output_type='json')

你的模板

<div id="my-chart"></div>
<script type="text/javascript">
new Highcharts.Chart({{chart|safe}});
</script>

关于python - 如何在我的 view.py 中添加 highchart?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43671615/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com