昨天下午加今天上午一直在调程序
结果调到最后,发现所有的问题无外乎两种
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)
分享到:
相关推荐
在IT领域,FusionCharts是一款强大的JavaScript图表库,它提供了丰富的图表类型,包括甘特图。甘特图是一种常用于项目管理和任务调度的图形表示工具,可以清晰地展示任务的开始时间、结束时间以及进度。在这个...
FusionCharts是一个基于SVG(Scalable Vector Graphics)的图表库,它支持超过90种不同类型的图表,如柱状图、饼图、线图等,并且提供了丰富的自定义选项以适应各种设计需求。在网页中,用户可以与这些图表进行交互...
总的来说,FusionCharts区域图例子为我们提供了一个高效、美观的数据可视化工具,通过理解和运用这些知识点,我们可以创建出各种复杂的、具有洞察力的数据图表,帮助我们更好地理解和传达数据背后的故事。
本文将深入探讨FusionCharts如何实现统计图的导出功能,包括将其保存为图片和PDF格式。 首先,我们需要理解FusionCharts的基本工作原理。FusionCharts利用HTML5的Canvas元素或者SVG(Scalable Vector Graphics)...
FusionCharts是一款强大的JavaScript图表库,它提供了丰富的可视化解决方案,...通过示例和详细的说明文档,开发者可以轻松学习和应用FusionCharts来创建出各种美观且交互性强的图表,从而提升数据分析和展示的效果。
【FusionCharts柱状图_jsp】是一个关于在Java服务器页面(JSP)中使用FusionCharts库创建柱状图表的实例源代码。FusionCharts是一款强大的JavaScript图表库,能够帮助开发者生成交互式、视觉吸引人的图表。在这个...
它提供了一系列丰富的图表类型,如柱状图、线图、饼图、地图等,使数据呈现更加生动、易理解。FusionCharts XT (v3.2.2) 是其一个重要的版本,引入了更多优化和功能增强。 **FusionCharts 参数说明** FusionCharts...
1. **丰富的图表类型**:FusionCharts提供了超过90种不同类型的图表,如柱状图、折线图、饼图、散点图、热力图、地图等,几乎涵盖了所有常见的数据分析场景。这些图表不仅样式多样,而且可以通过自定义设置来调整...
它允许开发者通过简单的API创建出各种动态、炫酷且易于理解的图表,如柱状图、饼图、线图、地图等。这款工具广泛应用于数据分析、商业报告、仪表板构建等领域。 ### 一、FusionCharts的基本概念 1. **图表类型**:...
用过的人都知道FusionCharts生成的图片非常漂亮,那么怎么导出来呢? 大家肯定第一反应是想到了一个属性:exportaction。不过,这个属性提供了服务器端下载以及客户端下载,但是经过我多次试验后发现一个BUG:...
FusionCharts 是一款强大的 JavaScript 图表库,它提供了丰富的图表类型,包括饼形图和柱形图,适用于各种业务场景。下面我们将详细探讨 FusionCharts 的饼形图和柱形图实例,以及如何使用它们。 饼形图是一种以...
【注意】只适合C#。 资源包中包含一个现成的实例; 最新FusionCharts.dll; FusionCharts.js; 多种.SWF文件。 可绘制折线图、矩形图 、雷达图及其他多种图片,导出图片。
4. **交互性**:FusionCharts的图表具有高度的交互性,用户可以通过鼠标悬停、点击等操作获取详细数据,图表会相应地提供提示、弹出框或动画效果。 5. **自定义与样式**:开发者可以通过修改配置参数来自定义图表的...
FusionCharts是一款强大的JavaScript图表库,它提供了丰富的可视化解决方案,帮助开发者轻松创建出交互式的、动态的数据图形。这款工具广泛应用于数据分析、数据可视化、商业报告、仪表盘制作等多个领域。在"完整...
通过FusionCharts XT,开发者和数据分析师可以利用这些丰富的图表类型,创建出高度定制化的、交互式的可视化解决方案,使数据讲故事并促进决策制定。无论是在商业报告、学术研究还是内部仪表板中,FusionCharts XT都...
FusionCharts支持多种图表类型,包括但不限于柱状图、折线图、饼图,以及更复杂的散点图、仪表盘和地图等,能够满足用户在不同场景下的数据展示需求。 柱状图是FusionCharts中最基础的图表类型之一,适用于对比不同...
本文将深入探讨如何利用FusionCharts实现内容与图片的导出功能,特别是将图表及关联内容导出到Word和PDF文档。 首先,FusionCharts的导出功能是通过其内置的ExportManager模块来实现的。这个模块允许用户将图表数据...
百度知道.mht"、"FusionCharts在服务器端导出图片(J2EE版) - shihuan830619 - ITeye技术网站.mht"、"【转】FusionCharts统计图导出为图片或pdf_Enstein_百度空间.mht"、"FusionCharts V3图表导出图片和PDF属性说明 -...
**FusionCharts XT Evaluation** 是一个强大的数据可视化工具,专为开发者设计,便于构建互动式、丰富多彩的图表。它能够将结构化的数据,无论是JSON格式还是XML格式,转化为直观易懂的图形,如饼状图、条形图、折线...