【问题标题】:vue-chartjs with chartkick vertical bar chartvue-chartjs 与 chartkick 垂直条形图
【发布时间】:2020-12-08 02:11:52
【问题描述】:

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

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

使用来自 vuex 存储 .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 条形图垂直而不是水平?

【问题讨论】:

    标签: javascript vue.js chart.js chartkick vue-chartjs


    【解决方案1】:

    听起来你想使用柱形图。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-01-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-04-16
      • 2016-10-18
      相关资源
      最近更新 更多