添加笔触并更改数据圈中文本的文本颜色

Question

我是Java的新手。我在amcharts上发现了this graph。我想更改文本颜色，并向每个圆添加笔触（每个笔触可以使用不同的颜色）。任何帮助将不胜感激！

我曾经尝试过Google搜索，但实际上甚至不知道从哪里开始或搜索什么。

 {name: "Core",
    children: [
      {
        name: "First",
        children: [
          { name: "A1", value: 100 },
          { name: "A2", value: 60 }
        ]
      },
networkSeries.dataFields.value = "value";
networkSeries.dataFields.name = "name";`

我只希望笔触颜色可以添加和编辑（可以以#25BEC1开头，文本颜色可以更改为#0B3D49

Answer 1

节点的颜色

整章讨论强制定向树的颜色：https://www.amcharts.com/docs/v4/chart-types/force-directed/#Colors

您可以从数据或颜色列表中设置颜色的来源。我不确定您是否打算只对每种颜色使用一种颜色。如果是这样，

let chart = am4core.createFromConfig({
    series: [{
        type: 'ForceDirectedSeries',
        ...,
        colors: {
            list: [
                '#25BEC1'
            ],
            reuse: true
        },
        ...
    }],
    data: ...
}, 'chart', am4plugins_forceDirected.ForceDirectedTree);

演示： https://jsfiddle.net/davidliang2008/q42c8u5w/23/

节点的文本颜色

要更改标签的文本颜色，可以将颜色设置为标签对象的fill属性：

let chart = am4core.createFromConfig({
    series: [{
        type: 'ForceDirectedSeries',
        ...,
        nodes: {
            label: {
                fill: '#0B3D49',
                text: '{name}'
            }
        },
        ...
    }],
    data: ...
}, 'chart', am4plugins_forceDirected.ForceDirectedTree);

演示： https://jsfiddle.net/davidliang2008/q42c8u5w/25/