Javascript 如何从API获取动态数据以呈现融合甘特图

这里，我想呈现一个动态融合甘特图。在下面的示例中，我硬编码了用于渲染图表的数据。但我需要一个动态的格式。我的数据来自一个API，那么我如何获得该数据并动态传递呢

另外，我希望x轴和y轴采用动态格式

FusionCharts.readyfunction{ var smoPlan=新的FusionCharts{ 键入：“甘特图”， renderAt:'图表容器'， 宽度：'750'， 高度：'300'， dataFormat:'json'， 数据源：{ 图表：{ 主题：融合， 日期格式：年月日， 标题:， 标题字体大小：14， 子选项：项目计划， 子选项字体大小：12， milestoneFont:Times New Roman， 米莱斯通方尺寸：15 }, 类别：[{ 类别：[{ 开始日期：2014年1月8日， 完：2014年8月31日， 标签：2014年8月 }, { 开始日期：2014年1月9日， 完：2014年9月30日， 标签：2014年9月 }, { 开始日期：2014年1月10日， 完：2014年10月31日， 标签：10月14日 }] }], 过程：{ 尺寸：12， 黑体字：1， 对齐：左， 过程：[{ 标签：识别客户 }, { 标签：调查500名客户 }, { 标签：解释需求 } ] }, 任务：{ 任务：[{ id:1， 开始日期：2014年4月8日， 完：2014年10月8日 }, { id:2， 开始日期：2014年8月8日， 完：2014年8月19日 }, { id:3， 开始日期：2014年8月19日， 完：2014年2月9日 }] }, //将里程碑添加到id为1和3的任务 里程碑：{ 里程碑：[{ 日期：2014年6月8日， taskid:1， 颜色：f8bd19， 形状：菱形， 工具文字：成功完成开发， 标签：， 颜色：587B17 }, { 日期：2014年8月25日， taskid:3， 颜色：f8bd19， 形状：三角形， 工具文字：成功完成活动， 标签：， 颜色：4838D2 }] } } }.提供； }; 请帮我解决这个问题！提前谢谢