当我将 chart.stackType 从“100%”切换到“正常”时,它看起来像 ApexChart 错误(或者我遗漏了什么)。
'100%' stackType 将渲染 Y 轴从 0 到 100 并将数字显示为百分比。当我使用 Vue 从“100%”动态切换到“正常”时,图表不会改变 Y 轴或比例;它也不会改变它显示值的方式:它显示正确的数值,但在它们上添加“%”符号。
let x=JSON.parse(JSON.stringify(this.options))
if(x.chart.stackType=='100%')
x.chart={ stacked: true, stackType: 'normal' }
else
x.chart={ stacked: true, stackType: '100%' }
this.options=x
要查看它,这里有一个 codePen:https ://codepen.io/shprung/pen/poooGMK?editors=1010 单击按钮切换 stackType,您将看到 Y 轴保持 0-100。
我是否需要通过在线文档中错过的一些 API 调用来设置一些“重置和重新渲染”?