首页 > 解决方案 > Apexcharts:水平为真时的条形图错误

问题描述

Vue3我创建了一个apexchart具有以下输入的:

const series = [{
                name: 'N',
                data: [1,1,1]
            }]

const options = {
                chart: {
                    type: 'bar'
                },
                plotOptions: {
                    bar: {
                        borderRadius: 20,
                        //  horizontal: true,
                        dataLabels: {
                            enabled: true
                        }
                    }
                },
                yaxis: {
                    labels: {formatter: function(val) {
                        return val.toFixed(0);
                    }}
                },
                xaxis: {
                    categories: ["a", "b", "c"]
                }
            }

它工作正常,但是如果我设置plotOptions.bar.horizontaltrue发生错误。似乎 x 和 y 值都被传递给formatter函数。

标签: vuejs3apexcharts

解决方案


推荐阅读