Диаграмма JS Радар Диаграмма линий радаров цвет? - PullRequest
3 голосов
/ 21 марта 2020

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

enter image description here

Есть ли способ сделать это?

Вот мой текущий код:

new Chart(document.getElementById("result_chart"), {
    "type": "radar",
    "data": {
        "labels": ["Idea", "Timing", "Skills", "Concept", "Market Plan", "MVP", "Revenue Potential", "Competition", "Team", "BMC", "Financial Model"],
        "datasets": [{
            "label": "Your Results",
            "data": [
              10,
              20,
              30,
              40,
              50,
              60,
              70,
              80,
              90,
              100,
              110
            ],
            "fill": true,
            "backgroundColor": "rgba(165, 211, 164, 0.2)",
            "borderColor": "rgb(165, 211, 164)",
            "pointBackgroundColor": "rgb(165, 211, 164)",
            "pointBorderColor": "#fff",
            "pointHoverBackgroundColor": "#fff",
            "pointHoverBorderColor": "rgb(255, 99, 132)"
        }]
    },
    "options": {
        "elements": {
            "line": {
                "tension": 0,
                "borderWidth": 3
            }
        }
    }
});

1 Ответ

2 голосов
/ 21 марта 2020

Вы можете сделать это легко, добавив эти реквизиты в спецификацию масштаба диаграммы:

scale: {
      gridLines: {
        color: 'red'
      },
      angleLines: {
        color: 'red'
      }
    },

Визуальный вывод будет запрошенным

enter image description here

Надеюсь, это поможет! :)

...