Как мне добавить отступ справа от всплывающей подсказки, но не слева в Chart.js ?

#javascript #chart.js #frontend

#javascript #chart.js #интерфейс

Вопрос:

В xPadding конфигурации всплывающей подсказки есть свойство в Chart.js . Он добавляет отступы как слева, так и справа от всплывающей подсказки. Как я могу добавить отступы только справа?

Я использую react-chartjs-2 и имею следующий код JSX:

 <Bar data={data} width={1000} height={500} options={{ layout: { padding: 20 }}} />
  

Ответ №1:

Это извлечено из chartjs документации:

«Если это значение является числом, оно применяется ко всем сторонам диаграммы (слева, сверху, справа, снизу). Если это значение является объектом, свойство left определяет отступ слева. Аналогичным образом также можно указать свойства right, top и bottom. «

 let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        layout: {
            padding: {
                left: 50,
                right: 0,
                top: 0,
                bottom: 0
            }
        }
    }
});