文档章节

Python Django chartit 多报表显示

静夜听风
 静夜听风
发布于 2015/11/25 10:42
字数 253
阅读 1315
收藏 0

Django 安装chartit 插件后,默认一个页面只能显示一个报表,如果想显示多个报表,需要修改下chartit模块

路径:\site-packages\chartit\templatetags\chartit.py

分析网页代码,主要是js在控制,而且调用的js名字不会改变,找到如下几行

embed_script = (
  '<script type="text/javascript">\n'
  'var _chartit_hco_array = %s;\n</script>\n'
  '<script src="%s" type="text/javascript">\n</script>')
  
embed_script = (embed_script % (simplejson.dumps(chart_list,
                                                 use_decimal=True),
                                CHART_LOADER_URL))

修改如下, 让每个报表使用自己单独的js,并删除最后一条,修改地方如下

embed_script = (
  '<script type="text/javascript">\n'
  'var _chartit_hco_array_%s = %s;\n</script>\n')
embed_script = (embed_script % (render_to,simplejson.dumps(chart_list,
                                                 use_decimal=True)
                                ))

在模板里面调用chartit, 并指定render_to, 还需要添加新的js

<script src="/static/js/show.js" type="text/javascript"></script>
{% load chartit  %}
{{ uv|load_charts:"uvdata" }}
{{ pv|load_charts:"pvdata" }}
<div id='uvdata'> Chart will be rendered here </div>
<div id='pvdata'> Chart will be rendered here </div>

show.js 内容

$(document).ready(function() {
   $.each(_chartit_hco_array_uvdata, function(index, chartoptions) {
      chart = new Highcharts.Chart(chartoptions);
   });
   $.each(_chartit_hco_array_pvdata, function(index, chartoptions) {
      chart = new Highcharts.Chart(chartoptions);
   });
});

最终实现效果


© 著作权归作者所有

共有 人打赏支持
静夜听风
粉丝 12
博文 24
码字总数 13019
作品 0
系统管理员
使用Django构建Python Restful服务1、搭建一个Django Web环境

文章首发个人微信公众号及博客:http://zmister.com/archives/260.html 欢迎访问个人博客:http://zmister.com 查看更多Python应用文章 欢迎关注个人微信公众号:州的先生 及时交流讨论 1.0 ...

州的先生
05/16
0
0
Python和Django的安装

一、下载并安装Python Python 官方下载地址:http://www.python.org/ftp/python/ 我们这里选择的是 Python 2.7.2 。虽然目前最新版是Python 3.2.2, 但是Django目前还不支持 Python 3.2.2。 ...

markGao
2014/01/29
0
0
centos 6.4x64 django开发环境搭建(升级python2.6.6为2.7.3)

最近学习python语言,学到django的时候,准备搭建一个django开发环境,几经周折,最终配置成功,现把配置过程整理出来,供大家学习交流: 服务器环境: CentOS release 6.4 (Final) x64 1,下...

苦咖啡sa
2015/04/09
0
0
Django 卸载(Ubuntu下卸载Django)

如果你打算从过去的一个版本升级Django, 你需要先删除老版本的Django之后, 再安装新的版本. 如果你是通过执行命令 setup.py install 来安装 Django, 卸载的方法很简单, 只要在site-packages...

渊翼
2014/04/27
0
0
一个 Pythoner的 Awesome List

从大三接触 Python 到现在几乎已经有两年的接触经验了,除去中间有一年左右接私活写写 Android 和 Lamp 之外,有 Python 实际项目开发经验也算是 9 个多月,也稍微算得上是一个入门级别的 Py...

无与童比
2016/12/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

@SpringBootApplication 注解

@SpringBootApplication注解是一个组合注解,包含以下注解 @Target(ElementType.TYPE) 注解的作用目标 @Retention(RetentionPolicy.RUNTIME) Reteniton的作用是定义被它所注解的注解保留多久,...

java.刘
40分钟前
0
0
sentinel自定义DataSource实战

序 本文主要研究一下如何自定义sentinel的DataSource,这里以jdbc为例。 maven <dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-sen......

go4it
56分钟前
1
0
xgboost/gbdt在调参时为什么树的深度很少就能达到很高的精度?

问题: 用xgboost/gbdt在在调参的时候把树的最大深度调成6就有很高的精度了。但是用DecisionTree/RandomForest的时候需要把树的深度调到15或更高。用RandomForest所需要的树的深度和Decisio...

tantexian
57分钟前
0
0
php-fpm的pool - 慢执行日志 - 进程管理 - open_basedir

php-fpm的pool : 为避免多站点使用同一个pool时因一个站点故障导致php资源耗尽,牵连使用同一个pool的其他站点的正常工作,可对每一个站点设置独立pool。 增加pool: 1.编辑php-fpm配置文件...

ZHENG-JY
今天
0
0
Linux之ssh服务默认端口修改

导读 SSH是标准的网络协议,可用于大多数UNIX操作系统,能够实现字符界面的远程登录管理,它默认使用22号端口,采用密文的形式在网络中传输数据,相对于通过明文传输的Telnet,具有更高的安全...

问题终结者
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部