如何使用jquery创建带有外部json的Fusion图表

时间:2015-12-18 08:07:36

标签: javascript jquery json fusioncharts

我是Fusion图表的新手。我可以使用jsonurl构建图表到图表。喜欢

var myChart = new FusionCharts( "FusionCharts/MSColumn3D.swf",
                "myChartId1", "400", "300", "0", "0" );
        myChart.setJSONUrl("resources/json/MSLine.json");
        myChart.render("chartContainer");

但我需要使用$ getJson()或ajax调用来读取json并设置数据。因为我想要动态图表。我可以为单级融合图做所有这些。喜欢

var fChart = new FusionCharts(
      "./resources/js/fusion/Bar2D.swf",
      "BarChartId", "500", "300", "0");

    var jsonContent = new Object();
    var charts = new Object();
    //for chart properties..
    charts.palette = "1";
    charts.yaxisname = yaxisname;
    charts.xaxisname=xaxisname;
    charts.bgcolor = "406181, 6DA5DB";
    charts.bgalpha = "100";
    charts.basefontcolor = "FFFFFF";
    .
    .
    .  
    var datas = [];
    jQuery.each(data.Payload, function(index, value) {
        datas.push({
            label : value.label,
            value : value.value
        });
    });
    jsonContent.chart = charts;
    jsonContent.data = datas;

    fChart.setJSONData(jsonContent);
    fChart.render("chartContainer");

这很好用,但对于多系列图表,我并不了解图表如何获取数据。请帮助我...

1 个答案:

答案 0 :(得分:0)

对于多系列柱形图,您需要创建一个categories数组并将其添加到dataSource

我添加了一个小提琴:http://jsfiddle.net/adigas/q0m24kju/3/