React-Chartjs-2 - Как сделать так, чтобы текст метки оставался по центру? - PullRequest
Новая
       27

React-Chartjs-2 - Как сделать так, чтобы текст метки оставался по центру?

0 голосов
/ 07 ноября 2019

Мне нужен текст на этом графике, чтобы он оставался в центре, но вместо этого он идет горизонтально. У кого-нибудь была эта проблема с чарджисом?

Изображение графика

Работает, если вы используете заданное количество букв, например, «фиктивный». 

  datasets: {
    labels: ["Dummy text 1", "Dummy text 2", "Dummy text 3"],
    datasets: [
      {
        label: "",
        data: [13, 11, 2],
        backgroundColor: [
          "rgba(0, 135, 136)",
          "rgba(0, 193, 189)",
          "rgba(255, 9, 49)"
        ],
        borderColor: [
          "rgba(0, 135, 136)",
          "rgba(0, 193, 189)",
          "rgba(255, 9, 49)"
        ],
        borderWidth: 1
      }
    ]

1 Ответ

0 голосов
/ 11 ноября 2019

Исправлено это легко с помощью нескольких массивов и смены ксаксов. Вот пример исправления - 

  labels: [
  ["Dummy", "Data 1"],
  ["Dummy", "Data 2"],
  ["Dummy", "Data 3"]
],

 xAxes: [
        {
          ticks: {
            maxRotation: 0,
            minRotation: 0
          },
      }
  ]

Надеюсь, это кому-нибудь поможет :)

...