在django中显示基于年份选择的图表
在Django中显示基于年份选择的图表可以通过以下步骤实现：
- 数据准备：首先，需要准备好用于生成图表的数据。可以从数据库中获取相关数据，或者通过API获取数据。假设我们有一个模型类
Data，其中包含了年份和相关数据字段。 - 数据处理：根据需求，对数据进行处理，以便生成图表。可以使用Django的查询语法或者自定义函数来处理数据。例如，可以使用
annotate函数对数据按年份进行分组，并计算每个年份的数据总和。 - 图表生成：选择一个适合的图表库来生成图表。在Django中，常用的图表库有
matplotlib、plotly、bokeh等。这些库提供了丰富的图表类型和配置选项，可以根据需求选择合适的图表类型，并进行样式和布局的定制。 - 视图函数：在Django中，可以创建一个视图函数来处理请求，并生成图表。在视图函数中，可以调用图表库的相关函数，将处理好的数据传入，并生成图表的图片或HTML代码。
- 模板渲染：将生成的图表图片或HTML代码传递给模板，以便在前端页面中显示。可以使用Django的模板语法将图表插入到页面的适当位置。
下面是一个示例代码，演示了如何在Django中显示基于年份选择的柱状图：
# models.py
from django.db import models
class Data(models.Model):
year = models.IntegerField()
value = models.FloatField()
# views.py
from django.shortcuts import render
import matplotlib.pyplot as plt
import io
from .models import Data
def chart_view(request):
# 获取数据
data = Data.objects.all()
# 数据处理
years = data.values_list('year', flat=True)
values = data.values_list('value', flat=True)
# 图表生成
fig, ax = plt.subplots()
ax.bar(years, values)
ax.set_xlabel('Year')
ax.set_ylabel('Value')
ax.set_title('Chart based on Year Selection')
# 将图表转换为图片
buffer = io.BytesIO()
plt.savefig(buffer, format='png')
plt.close(fig)
buffer.seek(0)
# 将图片传递给模板
context = {
'chart_image': buffer.getvalue()
}
return render(request, 'chart.html', context)
# chart.html
<!DOCTYPE html>
<html>
<head>
<title>Chart</title>
</head>
<body>
<h1>Chart based on Year Selection</h1>
<img src="data:image/png;base64,{{ chart_image|base64 }}" alt="Chart">
</body>
</html>在上述示例中，我们使用了matplotlib库来生成柱状图，并将图表转换为图片格式。然后，将图片传递给模板，使用<img>标签在前端页面中显示图表。
请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行更复杂的数据处理和图表定制。另外，还可以根据具体情况选择其他图表库和前端展示方式。
相关·内容
1回答
django-graphos，如何让示例工作？
javascript、django
尝试使用下面的代码来破解django-graphos的一个简单示例。然而，我在Chrome inspector中看到'Uncaught $ is not defined‘--在$(function () {)之后显示红色错误点--并且没有出现图形，尽管它看起来模板是正确生成的，如下面的检查器输出所示(没有足够的’声誉‘来发布图像)。
Chrome Inspector输出：
<html>
<h1>- Django-graphos Chart 1 - </h1>
<head>
<script type = "te
浏览 1提问于2015-03-15得票数 0
1回答
将Python数据结构转换为JavaScript，包括函数
python、json、django、c3.js
我正在使用C3.js为我的Django应用程序创建图表。在我的Django模板中，我有一个JavaScript代码片段，如下所示：
<script>
var chart = c3.generate({{ chart_data|safe }});
</script>
在视图中，我使用Python数据结构设置图表，该数据结构在通过模板呈现之前被转换为JSON：
chart = {
'bindto': '#chart',
'data': {
'columns': [
浏览 3提问于2015-10-14得票数 2
2回答
如何从日期中获取年份并在angularjs图表中使用
angularjs、fusioncharts、angular-chart
嗨，我在做天使图。在这里，呈现的图表的数据在date format ("dd-mm-yyyy")中，来自date，我必须获取year并在图表中显示它。但我不确定，如何得到，只有从提供的数据year。在图表中，x轴代表特定年份的份额，y轴代表百分比.在发布的图片中，您可以看到y轴上的一个红色框，它显示了完整的date，而我只想在y轴上显示年份。请帮帮我。
html：
<html>
<head>
<title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ang
浏览 1提问于2017-02-07得票数 0
回答已采纳
2回答
使用django-nvd3 3绘制图表，图表未显示
javascript、python、django、nvd3.js
因此，我一直试图用django-nvd3 3在django中显示一个图表。它基本上与django-nvd3 3介绍中的代码相同。但是它没有显示图表，它只打印显示图表所需的javascript。我希望有人能给我指明正确的方向。
我能看到剧本被找到了。Firebug在标头中显示d3.min.js和nv.d3.min.js的内容。
我还试着使用jquery，看看是否可以让任何javascript正常工作，这是可行的。
视图
def temp_chart_view(request):
xdata = ["Apple", "Apricot", "avoca
浏览 1提问于2013-12-25得票数 4
回答已采纳
2回答
如何实时显示带有and和django的数据？
python、django、amcharts
我希望图表本身刷新(而不是刷新整个网页)，就像心脏监视器一样，每次将新数据添加到数据库中，这有可能吗？
下面的代码，我必须刷新网页，看看是否有任何新的数据。
views.py：
from tempsensors.models import temp
def temp_page(request):
#this view is to store the temperature value into my database
#data is send by my board with a temperature sensor
if request.method == 'POST'
浏览 3提问于2014-04-19得票数 1
回答已采纳
1回答
如何将数据从Django加载到D3图的变量
javascript、python、django、d3.js
我想知道如何从Django的后端更新变量，如何用D3更新前端构建的图形，而不刷新页面，也就是动态更新。
我成功地更新了图表，但是每次我在前端更改表单中的参数时，它都会呈现整个页面，我只想在D3中更新数据和刷新图表。
以下是我的看法：
def growth(request):
parsedData = []
if request.method == 'POST':
year_input = request.POST.get('years')
year_input_int = int(year_input)
growth_data = req
浏览 2提问于2017-10-29得票数 0
回答已采纳
1回答
通过JSON将Django数据传递到高级图表
python、json、django、highcharts
更新：
我一直试图复制中用来通过Django显示高图表的方法，但没有成功。我正在将数据从python脚本传递到我的views.py文件，但是图形没有显示出来。
下面是我在浏览器中查看视图源时得到的信息。我在这个html文档里少了什么？图表没有出现。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Head title here</title>
<meta charset="utf-8" />
<link rel=
浏览 0提问于2017-09-05得票数 1
1回答
在Javascript中带有值参数的HTML Google图表
javascript、html、charts、google-visualization
我试图使用Javascript中的一个参数在HTML中显示google图表。我的代码如下：
HTML文件chart.html：
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="chart.js"></script>
<div id="chart_div">&l
浏览 1提问于2020-01-27得票数 1
回答已采纳
2回答
从Django到Javascript的Python数据
javascript、python、django
我正在忙于一个Django应用程序，它分析各种数据(主要使用熊猫)，然后使用谷歌图表显示结果。
我有麻烦找出最好的方式来传递我的数据从django view.py，它通常会在一个熊猫数据帧或字典中，通过模板文件中使用(使用javascript的谷歌图表)。
下面的代码显示了用于显示其中一个图表的javascript函数。在本例中，我将数据硬编码到图表中(即:已手动键入年份和销售额)。但是，需要做的是使用pandas数据帧中的数据。
function drawChart() {
var data = google.visualization.arrayToDataTable([
浏览 1提问于2014-11-02得票数 1
1回答
X标签matplotlib
python、matplotlib、timeserieschart
我想把x轴改为年份。年数是可变年份中的储蓄。
我想绘制如下所示的数据图：
但是，我不能用一年时间来创建x轴。我的情节如下所示：
我的代码如下：
import pandas as pd
import matplotlib.pyplot as plt
data = pd.read_csv("data1.csv")
demand = data["demand"]
years = data["year"]
plt.plot( demand, color='black')
plt.xlabel("Year")
plt.yl
浏览 4提问于2016-02-05得票数 1
回答已采纳
1回答
PHP包含包含相对路径的html文件
javascript、php、html、relative-path
我有一个html文件，它本身工作正常。html文件包含一些相对路径。
当我在php中包含html文件时，会遇到相关路径的问题。
chart.html文件的脚本src如下所示：
<script src="./data/data.js"></script>
index.php包括如下所示：
include('./chart/chart.html');
我在浏览器中遇到的错误在以下方面失败：
X GET http://localhost/project/data/data.js
显然，data.js的路径缺少图表文件夹。应该是这样的：http
浏览 3提问于2016-08-09得票数 1
回答已采纳
1回答
Matplotlib RuntimeError:在使用MultipleLocator时超过Locator.MAXTICKS
python-3.x、matplotlib
我正在用10000 x轴数据点绘制Matplotlib图表。为了避免X轴标签的重叠，我使用了40的主要MultipleLocator和10的小MultipleLocator。这段代码适用于1000个数据点。
from matplotlib import pyplot as plt
import numpy as np
import matplotlib.ticker as mticker
##generating 1000 data points
years = [i for i in range(1,10000)]
data = np.random.rand(len(years))
fi
浏览 0提问于2018-12-25得票数 0
回答已采纳
2回答
Flask，试图从mysql数据库读取数据(不是在字符串格式化过程中转换的所有参数)
mysql、flask
正在尝试创建具有条形图的页面。我使用的是Flask框架和MySQL数据库。
@app.route("/grafiek")
def chart():
data = []
years = optimize_list(get_data("SELECT DISTINCT year FROM tbldata"))
print(years)
sql = "SELECT cast(sum(Number_employees) as signed) FROM tbldata"
sql += "WHERE year
浏览 0提问于2018-05-11得票数 0
1回答
如何将图添加到matplotlib中的图形？
django、matplotlib
我在django中使用matplotlib。我正在尝试创建条形图。
我跟着走了，但我只看到了一个灰色的长方形盒子。
现在我使用下面的代码，并有一个标题和轴。
如何将条形图添加到图形中？目前轴内部没有实际的数据。
这是我的图表代码：
from matplotlib.backends.backend_agg import FigureCanvasAgg
from matplotlib.figure import Figure
import matplotlib.pyplot as plt
class Chart(object):
## Creates a bar chart of t
浏览 2提问于2010-12-27得票数 2
回答已采纳
2回答
破折号巨蟒动力
python、plotly-dash、dashboard
我尝试在python破折号上做一个仪表板。我继承了前端。事实上，我使一个“年份选择器”出现，但我不知道如何更改图表取决于今年的选择器。有人有什么想法或解释吗？非常感谢。
#
# Imports
#
import plotly_express as px
import dash
import dash_core_components as dcc
import dash_html_components as html
#
# Data
if __name__ == '__main__':
app = dash.Dash(__name__) # (3)
浏览 14提问于2022-04-13得票数 0
2回答
如何从包含日期时间的列中获取年份
python、python-2.7、datetime
这就是我从年份专栏(年份:01/1880 12:00:00 AM)中获得年份(1880年)的方法，
import pandas
from datetime import date, datetime, timedelta
data = pandas.read_csv('Landings.csv')
a=data['year']
years = **datetime.datetime.a**
print years
我认为最重要的是制造出任何人纠正我的问题，如何获得年份
浏览 5提问于2016-01-30得票数 0
回答已采纳
2回答
X轴上奇怪的年份值
python、vega-lite、altair
如果我使用vega数据集“灾难”并制作一个简单的图表，我会得到一些奇怪的年份值。 在Altair中，代码是： import altair as alt
from vega_datasets import data
dis=data.disasters()
alt.Chart(dis).mark_bar().encode(
x=alt.X('Year:T'),
y=alt.Y('Deaths'),
color='Entity'
) ? (vega editor link)
浏览 25提问于2019-03-10得票数 4
回答已采纳
1回答
如何在django中刷新图表而不刷新整个页面
javascript、jquery、html、django、chart.js
我是Django的新手，我用chart.js来填充HTML中的图表。我想刷新图表而不加载HTML本身。
HTML图表如下所示
与上述HTML的URL对应的视图如下
**Views.py**
from __future__ import unicode_literals
from django.shortcuts import render
from django.views.generic import TemplateView
# Create your views here.
def dashboard(request):
if request.is_ajax():
浏览 0提问于2019-04-15得票数 0
1回答
在django中显示d3图表
python、django、python-3.x、d3.js
我正在浏览图书馆的NVD3，并在网站上找到了一个例子：
d3.json('cumulativeLineData.json', function(data) {
nv.addGraph(function() {
var chart = nv.models.cumulativeLineChart()
.x(function(d) { return d[0] })
.y(function(d) { return d[1]/100 }) //adjusting, 100% is 1.00, not 10
浏览 1提问于2018-11-30得票数 2
回答已采纳
2回答
MYSQL查询与Chart.js和PHP
php、mysql、chart.js
希望能得到一些帮助。
我在MYSQL数据库中有一个数据，其中包含公司中的计算机列表。其中一个字段是购买计算机的日期，另一个是品牌。
我想使用Chart.js创建一个条形图，显示每一年我们拥有的计算机数量。因此，在X轴上，我们有所有不同的年份作为标签，在Y轴上，我们有每一年购买的所有计算机的计数。
我已经写了这段代码，但是不能让它工作：
查询：
$sql = "SELECT YEAR(purchased) AS years, COUNT(brand) AS 'count' FROM computers GROUP BY purchased, brand ORDER BY
浏览 0提问于2016-03-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
