如何从数据源呈现甘特图答案

【问题标题】：How to render Gantt Highchart from data source如何从数据源呈现甘特图
【发布时间】：2020-11-04 18:04:30
【问题描述】：

对于之前的 highcharts，我使用以下 HTTP Get 命令渲染了图表：

$(function () {
        $.getJSON("http://example.com/api", function(data) {
            $('#container').highcharts(data);
        });
    });

我正在尝试以相同格式呈现甘特图，但只呈现空白画布。

我试过了：

$(function () {
        $.getJSON("http://example.com/api", function(data) {
            $('#container').highcharts.ganttChart(data);
        });
    });

但是我收到一个错误，“甘特图”不存在。

如何从数据中渲染甘特图？

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

确保您将 Gantt 依赖项作为独立库或与 Highcharts 一起加载的模块。然后使用ganttChart构造函数，即：

Highcharts.ganttChart('container', {
    title: { .. },
    // other configuration options
}, myCallback);

有关详细信息，请参阅Getting started with Gantt 和简短的example。

【讨论】：

【解决方案2】：

你可以使用：

$('#container').highcharts('ganttChart', data);

但是你不需要jQuery来创建图表，下面的代码就足够了：

Highcharts.ganttChart('container', data);

现场演示： https://jsfiddle.net/BlackLabel/0ozw8n5v/

【讨论】：