Создание карты диаграммы с использованием библиотеки d3. js с использованием данных из внешнего json - PullRequest
Новая
       11

Создание карты диаграммы с использованием библиотеки d3. js с использованием данных из внешнего json

0 голосов
/ 18 февраля 2020

Пожалуйста, помогите. Я новичок в Javascript. Я пробовал это в течение нескольких дней, и ничего не работало. Как правило, я хочу использовать библиотеку d3. js, чтобы нарисовать диаграмму карты. В javascript я хочу импортировать данные из внешнего файла json. 

{
var relations = [
    {"source": "Hulk", "target": "BlackWidow", "type":"F" },
    {"source": "IronMan", "target": "PepperPotts", "type":"R" },
    {"source": "CaptinAmerica", "target": "PeggyCarter", "type":"R"}
    ]
}

Затем я хочу импортировать данные из файла json в функцию, которая будет иметь, если ... еще (если тип поля = F в файле json, то функция должна возвращать зеленый цвет, если в файле json тип = R функция должна возвращать красный). 

function linkColour(type){
    if(type == "F"){
        return "green";
    } 
    if(type == "R"){
        return "red";
    }
    else {
        return "black";
    }
}

Тогда Я хочу отправить результат функции на d3. js. И, наконец, нарисуйте его на сайте. Примерно так ниже. 

var link = svg.append("g")
      .attr("class", "links")
    .selectAll("line")
    .data(relations)
    .enter().append("line")
      .attr("stroke-width", 4)
      .style("stroke", linkColour);

Это все, что я до сих пор придумывал. Но я не знаю, как это сделать. Пожалуйста, помогите или намекните. Благодаря.

...