Chartkick堆积/库属性无效

问题描述

我要显示堆叠的条形图-将所有条形组合成一个并排的单个条形。我将最新的chartkick-vue库与chartjs一起使用。参数stacked无效。因此,我尝试了一个library参数,该参数将配置向下传递。我从their documentation取样。

<bar-chart
  :data="chartData"
  suffix="%"
  height="200px"
  :colors="[['#28a745','#007bff','#ffc107','#dc3545']]"
  :stacked="true"
>
</bar-chart>
<line-chart :data="data" :library="{ backgroundColor: '#0f0' }" />

chartData() {
  return [
    ["neutral",40],["trivial",20],["dislike",30],["hate",10],];
},data() {
  return [
    { name: "Workout",data: { "2017-01-01": 3,"2017-01-02": 4 } },{ name: "Call parents",data: { "2017-01-01": 5,"2017-01-02": 3 } },

如您所见,这些参数对我不起作用。怎么了?

enter image description here

Code sand box

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)