#javascript #html #reactjs #chart.js
#javascript #HTML #reactjs #chart.js
Вопрос:
Как переместить эту легенду влево? Я пытался использовать options:{legend:{position: 'left'}} .
Цель:
position: left смещает диаграмму вправо, что для меня нехорошо:
Комментарии:
1.
options: { legend: { position: 'left' } }должно сработать.2. @DevsiOdedra, нееет, у меня это не работает. Я писал об этом в своем вопросе
3. @DevsiOdedra, вопрос был обновлен
4. смотрите github.com/chartjs/Chart.js/issues/3934
5. Если я не ошибаюсь, есть что-то вроде align или aligment, так что попробуйте
{position: 'top', align: 'left'}
Ответ №1:
Ваш код правильный, и в будущем вы сможете выровнять легенду как приведенную:
legend: {
position: "top",
align: "start"
}
Но в настоящее время эта функция не реализована (2019-03-30). Функция уже объединена и будет выпущена с версией 2.9. Вам придется либо дождаться выхода версии 2.9, либо использовать релиз для разработки, что не рекомендуется, поскольку их следует использовать только в целях тестирования.
Ответ №2:
с версией 2.9, как предлагается в документации, используйте пространство имен plugins, например
this.piechart = new Chart(this.ctx, {
type: 'pie',
data: data,
options: {
plugins: {
legend: {
position: 'right',
align: 'center'
}
}
}
});