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

How to create a Fusion chart with an external json using jquery

本文关键字：json Fusion 图表 外部 何使用 jquery 创建      更新时间：2023-09-26

我是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");

这很好，但对于多系列图表，我不明白图表将如何获得数据。plz帮我…

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

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

相关文章：