昨天下午加今天上午一直在调程序
结果调到最后,发现所有的问题无外乎两种
1、需要的文件没有导入
2、中文乱码问题
json里所有的数据都是没编码的,所以如果要写中文的话,需要在前面加上u
利用数据出图代码
html
<div id="chart-bandwidth"></div>
$('#submit').click(function() {
var day = $('#beginDate').val();
var nodename = $('#nodename').find("option:selected").text();
if (nodename == "0") {
return;
}
FusionCharts._fallbackJSChartWhenNoFlash();
var chartBindwidth = new FusionCharts("/static/swf/MSCombiDY2D.swf",
"cd", "100%", "300", "0", "1");
var urlBigNode = "/bignode/bandwidth/";
urlBigNode += "?nodename="+nodename;
urlBigNode += "%26beginDate="+day;
chartBindwidth.setJSONUrl(urlBigNode);
chartBindwidth.render("chart-bandwidth");
});
views.py
data = Bignode.objects.filter(**args).order_by("time")
mscombidy2d = MSCombiDY2D(u"大节点带宽", beginDate)
mscombidy2d.categories = {"category": [{"name": d.time.strftime("%H:%M")} for d in data]}
print mscombidy2d.categories
mscombidy2d.dataset = [
{"seriesname": u"剩余带宽", "parentyaxis": "P", "color": "5a885e",
"data": [{"value": "%s" %(d.remainBandwidth,)} for d in data]
},
{"seriesname": u"带宽利用率", "parentyaxis": "S", "renderas": "Line", "color": "dca657", "anchorbgcolor": "dca657",
"data": [{"value": "%s" %(d.ratio,)} for d in data]
}
]
res = json.dumps(mscombidy2d.to_dict(), ensure_ascii=False, sort_keys=True, indent=4)
return HttpResponse(res)
分享到:
相关推荐
fusioncharts效果图
FusionCharts 区域图的例子,经过整理后,现在可以直接使用。
FusionCharts jsp页面 导出jpg pdf图片,有的例子
FusionCharts 甘特图制作案例 里面有直接读取XML文件的例子和数据从数据库获取的案例 以及相对应的控件和js
FusionCharts常用图形属性
用过的人都知道FusionCharts生成的图片非常漂亮,那么怎么导出来呢? 大家肯定第一反应是想到了一个属性:exportaction。不过,这个属性提供了服务器端下载以及客户端下载,但是经过我多次试验后发现一个BUG:...
【注意】只适合C#。 资源包中包含一个现成的实例; 最新FusionCharts.dll; FusionCharts.js; 多种.SWF文件。 可绘制折线图、矩形图 、雷达图及其他多种图片,导出图片。
FusionCharts_柱状图详解
FusionCharts 示例 API 以及说明文档
FusionCharts各种图形报表资源下载
饼形图柱形图fusioncharts 实例
FustionCharts总结:包含FusionCharts XT (v3.2.2),test项目,FusionCharts参数说明
FusionCharts,柱状图,jsp,实例源码
Java项目!可更改保存报表的路径!使用fusioncharts 通过javascript 提交报表图片!将图片保存到服务器后可以自己写代码!导出Excel、world等!参考文献http://blog.csdn.net/wangxw8746/article/details/27674471
FusionCharts导出图片实例java版[参照].pdf
FusionCharts一个好用的报表工具,方便、高效、快速创建报表。各式报表应有尽有。
FusionCharts 导出内容+图片到word,导出到pdf等功能。
NULL 博文链接:https://angrycoder.iteye.com/blog/1664058
利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示 利用FusionCharts 实现数据图表展示
fusionCharts正式版 You need to enable frames in your browser to see FusionCharts documentation.