Как изменить цвет кругов?

Question

[Swift-U]

Здравствуйте, столкнулся с проблемой, попроси сделать подобную секцию

Нашел подобный код
https://codepen.io/Swift_u/pen/XWjZrRa
но как я понял, работает через библиотеку, не могу разобраться как задать индивидуальный цвет каждому кругу и настроить ширину между кругами, бак благодарен, если скинете похожую работу или объясните-ка исправить эту, благодарю

Answer 1

[Евгений Щербаков]

Тебе нужен вот этот участок кода

.attr('fill', function(d,i){
                  if ( i > 0 ) {
                        return colors(d);
                  } else {
                        return 'red';
                  }
            })

Comments

[Swift-U]

спасибо, но тут дело, что каждый круг должен иметь свой цвет их там 4, через этот блок можно поменять цвет всех кругов, а не каждому задать свой

[Евгений Щербаков]

Swift-U, Вы можете в

var nodes = [
      { name: "Skills"},
      { name: "HTML5", target: [0], value: 58, },
      { name: "CSS3", target: [0, 1], value: 65 },  
      { name: "Scss", target: [0, 1, 2], value: 52 },
      { name: "Compass", target: [0, 3], value: 48 }, 
      { name: "Susy", target: [0,3,4], value: 40 }, 
      { name: "Breakpoints", target: [0,3,4,5], value: 36 },
      { name: "jQuery", target: [0, 1, 2], value: 52 },   
];

добавить в каждом объекте свойство color, а потом в выше описанном участке кода обращаться к нему и закрашивать этим цветом

[Swift-U]

Евгений Щербаков, пожалуйста, если не сложно, можете привитии пример с одним кругом, у меня не получается

[Евгений Щербаков]

Swift-U, Вот пример:

var nodes = [
      { name: "HTML5", target: [0], value: 58, color: "purple" },
];

.attr('fill', function(d,i){
   return d.color;
})

Answer 2

[valgerofficial]

Там же в JS файле цвета написаны..

var palette = {
      "lightgray": "#E5E8E8", // Измени мой цвет..
      "gray": "#708284",
      "mediumgray": "#536870",
      "blue": "#3B757F"
  }

Comments

[Swift-U]

Меняется цвет обводки и текста, но не цвет фона