无法获得 PERT 图结果 - AnyChart JS

Question

我正在做一个大学项目，目的是将文件转换为 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();
});

代码linkhttps://playground.anychart.com/zoAA9JIO/3

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

Answer 1

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

无法获得 PERT 图结果 - AnyChart JS

Unable to have PERT graph result - AnyChart JS

javascript

diagram

anychart