python前端图表框架_python-django与前端echarts图表传参

一、利用django往前端的web图表传参

因为echarts其核心是利用js的底层技术，所以python-django往前端的echarts传递参数又可以转化成python-django像前端的js传递参数的问题，这里介绍一种很简单的方法。

二、

1、方法核心：通过django往前端传递参数的方法，先在view.py视图函数中写好要传递的参数，如下代码所示：

def index(request):

return render(request, 'FRCAS.html',

{'b':["02A01","02A02","02A03","02A04"],'c':[12, 20, 15, 8]},

)

以下仅展示前端需要的代码：

如下是echarts官网给出的代码示例：

// 基于准备好的dom，初始化echarts实例

var myChart= echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据

var option= {

title: {

text: '车型严重故障'

tooltip: {},

legend: {

data:['清客'] // data是一定要有的，可以更改

xAxis: {

data: {{ b|safe }} // data是一定要有的，可以更改

yAxis: {},

series: [{

data: {{ c|safe }}, // data是一定要有的，可以更改

type: 'bar',

showBackground: true,

label: {

normal: {

show: true,

position: 'top'

}

backgroundStyle: {

color: 'rgba(220, 220, 220, 0.8)'

}

}]

};

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);

python前端图表框架_python-django与前端echarts图表传参相关推荐

vue 传参微信_小猿圈web前端之微信小程序页面间跳转传参方式总结
原标题:小猿圈web前端之微信小程序页面间跳转传参方式总结最近小程序发展的越来越快,很多大公司也在打造自己的小程序平台以及购物小程序等等,今天小猿圈web前端讲师就总结了关于微信小程序的知识点,首先 ...
keras框架入门学习（一）——argparse传参模块调用
keras框架入门学习(一)--argparse传参模块调用一.argparse模块简介 1.1 argparse的定义 1.2 argparse的优势二.argparse模块使用 2.1 实现[ ...
echarts图表自适应（窗口大小变化时echarts图表重新渲染）
echarts图表自适应(窗口大小变化时echarts图表重新渲染) 用第一种写法会存在问题,当有多个echarts的时候,只有一个生效是因为 JS 绑定事件的时候,通过 .on 方式和 addE ...
python做数据库管理系统_python+Django+mysql+bootstrap前端，数据库一次搞定）从头教你毕设实现一个简易好看的仓储物资管理之类系统...
在线QQ客服:1922638 专业的SQL Server.MySQL数据库同步软件废话不多说,这是产品接口,一篇文章澄清了Django的前端背景并实现了一个漂亮的系统,git直接拉到末尾^ _ ^ ...
web前端开源框架_9个用于前端Web开发的开源CSS框架
web前端开源框架当大多数人想到Web开发时,通常会想到HTML或JavaScript. 他们通常会忘记对访问网站的能力有更大影响的技术: 级联样式表(CSS) . 根据Wikipedia的说法,C ...
python api测试框架_python api 测试框架
python常用框架 Django: Python Web应用开发框架 Django 应该是最出名的Python框架,GAE甚至Erlang都有框架受它影响.Django是走大而全的方向,它最出名的是 ...
python 微服务框架_Python微服务架构chili_chicken
### chili_chicken是什么现在微服务架构大火,企业项目纷纷向微服务转变.Python目前处于稳步发展的状态,用于多领域,比如人工智能.爬虫.运维.web等,我们此贴只讨论web方向.现 ...
python做性能测试框架_python api 测试框架
python常用框架 Django: Python Web应用开发框架 Django 应该是最出名的Python框架,GAE甚至Erlang都有框架受它影响.Django是走大而全的方向,它最出名的是 ...
python十大框架_python 十大web框架排名总结
0 引言 python在web开发方面有着广泛的应用.鉴于各种各样的框架,对于开发者来说如何选择将成为一个问题.为此,我特此对比较常见的几种框架从性能.使用感受以及应用情况进行一个粗略的分析. 1 D ...
python rest api 框架_Python Eve REST API框架
说到Eve它是一款Python REST API框架,主要用于发布高可定制全功能的Web服务,可以上我们轻松创建部署Api. python eve现在的最新版本是0.1.0版本,它是一个开源项目遵循B ...

python前端图表框架_python-django与前端echarts图表传参

python前端图表框架_python-django与前端echarts图表传参相关推荐

最新文章

热门文章