Блог

В настоящее время я использую chart.js версия 2.9.4 в React, с react-chartjs-2 и хотел бы добавить поля между метками легенды без добавления интервалов в саму диаграмму.

Код условных обозначений, сохраняющий графику нужного размера:

 legend: {
  position: "bottom",
  labels: {
    usePointStyle: true
  }
},
 

Код легенды, который добавляет желаемое поле, но уменьшает размер графики:

 legend: {
  position: "bottom",
  labels: {
    usePointStyle: true,
    padding: 50
  }
},
 

На рисунке ниже описано поведение указанных выше кодов:

Желаемый размер диаграммы слева, желаемое поле между надписями условных обозначений справа

Я хочу сохранить разницу между метками легенды, добавленными с помощью кода, который использует «заполнение», но без уменьшения диаграммы, есть ли способ достичь этого результата?