`

fusioncharts出图

阅读更多

昨天下午加今天上午一直在调程序

结果调到最后,发现所有的问题无外乎两种

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 甘特图制作案例

    在IT领域,FusionCharts是一款强大的JavaScript图表库,它提供了丰富的图表类型,包括甘特图。甘特图是一种常用于项目管理和任务调度的图形表示工具,可以清晰地展示任务的开始时间、结束时间以及进度。在这个...

    FusionCharts 导出图片

    FusionCharts是一个基于SVG(Scalable Vector Graphics)的图表库,它支持超过90种不同类型的图表,如柱状图、饼图、线图等,并且提供了丰富的自定义选项以适应各种设计需求。在网页中,用户可以与这些图表进行交互...

    FusionCharts区域图例子

    总的来说,FusionCharts区域图例子为我们提供了一个高效、美观的数据可视化工具,通过理解和运用这些知识点,我们可以创建出各种复杂的、具有洞察力的数据图表,帮助我们更好地理解和传达数据背后的故事。

    FusionCharts统计图导出为图片或pdf

    本文将深入探讨FusionCharts如何实现统计图的导出功能,包括将其保存为图片和PDF格式。 首先,我们需要理解FusionCharts的基本工作原理。FusionCharts利用HTML5的Canvas元素或者SVG(Scalable Vector Graphics)...

    FusionCharts画示例图

    FusionCharts是一款强大的JavaScript图表库,它提供了丰富的可视化解决方案,...通过示例和详细的说明文档,开发者可以轻松学习和应用FusionCharts来创建出各种美观且交互性强的图表,从而提升数据分析和展示的效果。

    FusionCharts柱状图_jsp

    【FusionCharts柱状图_jsp】是一个关于在Java服务器页面(JSP)中使用FusionCharts库创建柱状图表的实例源代码。FusionCharts是一款强大的JavaScript图表库,能够帮助开发者生成交互式、视觉吸引人的图表。在这个...

    fusioncharts

    它提供了一系列丰富的图表类型,如柱状图、线图、饼图、地图等,使数据呈现更加生动、易理解。FusionCharts XT (v3.2.2) 是其一个重要的版本,引入了更多优化和功能增强。 **FusionCharts 参数说明** FusionCharts...

    FusionCharts

    1. **丰富的图表类型**:FusionCharts提供了超过90种不同类型的图表,如柱状图、折线图、饼图、散点图、热力图、地图等,几乎涵盖了所有常见的数据分析场景。这些图表不仅样式多样,而且可以通过自定义设置来调整...

    FusionCharts 图形报表展示

    它允许开发者通过简单的API创建出各种动态、炫酷且易于理解的图表,如柱状图、饼图、线图、地图等。这款工具广泛应用于数据分析、商业报告、仪表板构建等领域。 ### 一、FusionCharts的基本概念 1. **图表类型**:...

    FusionCharts图片导出的代码

    用过的人都知道FusionCharts生成的图片非常漂亮,那么怎么导出来呢? 大家肯定第一反应是想到了一个属性:exportaction。不过,这个属性提供了服务器端下载以及客户端下载,但是经过我多次试验后发现一个BUG:...

    饼形图柱形图fusioncharts 实例

    FusionCharts 是一款强大的 JavaScript 图表库,它提供了丰富的图表类型,包括饼形图和柱形图,适用于各种业务场景。下面我们将详细探讨 FusionCharts 的饼形图和柱形图实例,以及如何使用它们。 饼形图是一种以...

    FusionCharts 绘制折线图、矩形图、雷达图,导出图片

    【注意】只适合C#。 资源包中包含一个现成的实例; 最新FusionCharts.dll; FusionCharts.js; 多种.SWF文件。 可绘制折线图、矩形图 、雷达图及其他多种图片,导出图片。

    fusionCharts

    4. **交互性**:FusionCharts的图表具有高度的交互性,用户可以通过鼠标悬停、点击等操作获取详细数据,图表会相应地提供提示、弹出框或动画效果。 5. **自定义与样式**:开发者可以通过修改配置参数来自定义图表的...

    完整FusionCharts各种图形报表资源下载

    FusionCharts是一款强大的JavaScript图表库,它提供了丰富的可视化解决方案,帮助开发者轻松创建出交互式的、动态的数据图形。这款工具广泛应用于数据分析、数据可视化、商业报告、仪表盘制作等多个领域。在"完整...

    fusioncharts效果图

    通过FusionCharts XT,开发者和数据分析师可以利用这些丰富的图表类型,创建出高度定制化的、交互式的可视化解决方案,使数据讲故事并促进决策制定。无论是在商业报告、学术研究还是内部仪表板中,FusionCharts XT都...

    Fusioncharts 图表

    FusionCharts支持多种图表类型,包括但不限于柱状图、折线图、饼图,以及更复杂的散点图、仪表盘和地图等,能够满足用户在不同场景下的数据展示需求。 柱状图是FusionCharts中最基础的图表类型之一,适用于对比不同...

    FusionCharts 导出内容+图片到word

    本文将深入探讨如何利用FusionCharts实现内容与图片的导出功能,特别是将图表及关联内容导出到Word和PDF文档。 首先,FusionCharts的导出功能是通过其内置的ExportManager模块来实现的。这个模块允许用户将图表数据...

    FusionCharts完整资料集

    百度知道.mht"、"FusionCharts在服务器端导出图片(J2EE版) - shihuan830619 - ITeye技术网站.mht"、"【转】FusionCharts统计图导出为图片或pdf_Enstein_百度空间.mht"、"FusionCharts V3图表导出图片和PDF属性说明 -...

    FusionCharts_XT_Evaluation

    **FusionCharts XT Evaluation** 是一个强大的数据可视化工具,专为开发者设计,便于构建互动式、丰富多彩的图表。它能够将结构化的数据,无论是JSON格式还是XML格式,转化为直观易懂的图形,如饼状图、条形图、折线...

Global site tag (gtag.js) - Google Analytics