无法获得 PERT 图形结果 - AnyChart JS



我正在做一个大学项目,以便将文件转换为PERT图。 我得到这个特定的例子来转换为PERT图,它以这种方式转换为AnyChart JS:

var data = [
{id: "1", duration: 2, name: "Task 1"},
{id: "2", duration: 2, name: "Task 2",dependsOn: ["1"]},
{id: "3", duration: 1, name: "Task 3",dependsOn: ["2"]},
{id: "4", duration: 3, name: "Task 4",dependsOn: ["3"]},
{id: "5", duration: 3, name: "Task 5",dependsOn: ["4"]},
{id: "6", duration: 1, name: "Task 6",dependsOn: ["5"]},
{id: "7", duration: 1, name: "Task 7",dependsOn: ["5"]},
{id: "8", duration: 2, name: "Task 8",dependsOn: ["7"]},
{id: "9", duration: 1, name: "Task 9",dependsOn: ["6", "8"]},
{id: "10", duration: 1, name: "Task 10",dependsOn: ["6", "8"]},
{id: "11", duration: 2, name: "Task 11",dependsOn: ["6", "8"]},
{id: "12", duration: 1, name: "Task 12",dependsOn: ["9", "10"]},
{id: "13", duration: 2, name: "Task 13",dependsOn: ["9", "10"]},
{id: "14", duration: 2, name: "Task 14",dependsOn: ["12", "13"]},
{id: "15", duration: 1, name: "Task 15",dependsOn: ["14"]}
];

.HTML

<div id="container"></div>

.CSS

html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

JAVASCRIPT

anychart.onDocumentReady(function () {
// create data
var data = [
{id: "1", duration: 2, name: "Task 1"},
{id: "2", duration: 2, name: "Task 2",dependsOn: ["1"]},
{id: "3", duration: 1, name: "Task 3",dependsOn: ["2"]},
{id: "4", duration: 3, name: "Task 4",dependsOn: ["3"]},
{id: "5", duration: 3, name: "Task 5",dependsOn: ["4"]},
{id: "6", duration: 1, name: "Task 6",dependsOn: ["5"]},
{id: "7", duration: 1, name: "Task 7",dependsOn: ["5"]},
{id: "8", duration: 2, name: "Task 8",dependsOn: ["7"]},
{id: "9", duration: 1, name: "Task 9",dependsOn: ["6", "8"]},
{id: "10", duration: 1, name: "Task 10",dependsOn: ["6", "8"]},
{id: "11", duration: 2, name: "Task 11",dependsOn: ["6", "8"]},
{id: "12", duration: 1, name: "Task 12",dependsOn: ["9", "10"]},
{id: "13", duration: 2, name: "Task 13",dependsOn: ["9", "10"]},
{id: "14", duration: 2, name: "Task 14",dependsOn: ["12", "13"]},
{id: "15", duration: 1, name: "Task 15",dependsOn: ["14"]}
];
// create a chart
var chart = anychart.pert();
// milestones size
chart.milestones().size(50);
// set chart data
chart.data(data, "as-table");
// set the title of the chart
chart.title("PERT Chart");
// set the container id for the chart
chart.container("container");
// initiate drawing the chart
chart.draw();
});

代码链接 https://playground.anychart.com/zoAA9JIO/3

知道如何解决这个问题吗? 或任何JS库建议绘制pert图?

您的数据与当前版本的 AnyChart PERT 图表(8.8.0 版本(不兼容。它仅支持平面数据(没有交叉任务(。您的数据需要绘制一个图表,其中包含多次相交的任务。任务 10、11、13 需要绘制交叉点。

最新更新