具有chartkick垂直条形图的vue-chartjs

问题描述

我正在使用vue-chartjs https://vue-chartjs.org/

还有vue-chartkick https://www.npmjs.com/package/vue-chartkick

使用来自vvid存储.cases对象https://disease.sh/v3/covid-19/historical/all?lastdays=365的Covid api中的数据

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

显示一个条形图,但是它是水平的而不是垂直的,我如何使其变成垂直的?

Photo of horizontal chart,but should be a vertical chart

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

具有相同数据的折线图将正确显示折线图,日期在底部,金额在侧面。

line chart with same data,displays correctly

我如何将vue-chartkick vue-chartjs条形图设置为垂直而不是水平?

解决方法

听起来您想使用柱形图。

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