添加笔画并更改数据圈中文本的文本颜色答案

【问题标题】：add a stroke and change the text color of the text in the data circles添加笔画并更改数据圈中文本的文本颜色
【发布时间】：2019-06-25 21:11:26
【问题描述】：

我是 Javascript 新手。我在 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

【问题讨论】：

标签： javascript graph amcharts

【解决方案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/

【讨论】：

感谢您的回复！我想为节点添加彩色笔触。我知道如何更改节点本身的颜色，但不确定如何添加笔画值。