vue-chartjs с вертикальной столбчатой диаграммой chartkick

#javascript #vue.js #chart.js #chartkick #vue-chartjs

#javascript #vue.js #chart.js #chartkick #vue-chartjs

Вопрос:

Я использую vue-chartjshttps://vue-chartjs.org

И vue-chartkickhttps://www.npmjs.com/package/vue-chartkick

С данными из Covid api, в котором vuex хранит объект .cases https://disease.sh/v3/covid-19/historical/all?lastdays=365

<bar-chart :data="this.WorldTimelineData"></bar-chart>

Будет отображаться гистограмма, но она горизонтальная, а не вертикальная, как мне сделать ее вертикальной?

Фотография горизонтальной диаграммы, но должна быть вертикальной

<line-chart :data="this.WorldTimelineData"></line-chart>

Линейная диаграмма с теми же данными будет корректно отображать линейную диаграмму с датами внизу и суммой сбоку.

линейная диаграмма с теми же данными отображается корректно

Как бы мне сделать так, чтобы гистограмма vue-chartkick vue-chartjs была вертикальной, а не горизонтальной?

Ответ №1:

Звучит так, как будто вы хотите использовать столбчатую диаграмму.

 <column-chart :data="this.WorldTimelineData"></column-chart>