добавить обводку и изменить цвет текста в кругах данных - PullRequest
Новая
       21

добавить обводку и изменить цвет текста в кругах данных

1 голос
/ 26 июня 2019

Я новичок в Javascript.Я нашел этот график на амбартах.Я хочу изменить цвет текста и добавить обводку (которые могут быть разных цветов на каждом) для каждого круга.Любая помощь будет принята с благодарностью!

Я пытался найти в 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

1 Ответ

1 голос
/ 26 июня 2019

Цвета узлов

Существует целый раздел, в котором говорится о цветах дерева принудительного направления: 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);

enter image description here

демо: 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);

enter image description here

демо: https://jsfiddle.net/davidliang2008/q42c8u5w/25/

...