【问题标题】:Vue Apexchart not showing negative valueVue Apexchart 不显示负值
【发布时间】:2023-01-02 13:16:33
【问题描述】:

我想在图表中显示负值,但它没有显示,我尝试了很多配置但没有任何反应。

Codesandbox link

这些才是真正的价值观。

组件:

<apexcharts
  ref="barchart"
  width="500"
  height="350"
  type="bar"
  :options="chartOptions"
  :series="series"
></apexcharts>

选项:

chartOptions: {
        colors: ["#00E676", "#9155FD", "#8A8D93"],
        dataLabels: {
          enabled: false,
        },

        xaxis: {
          categories: ["Janeiro", "Feb", "Mar"],
        },
  },  

系列:

  series: [
    {
      name: "Receita",
      data: [241221.4, 277855.4],
    },
    {
      name: "Sub",
      data: [15957.8, 18169.15],
    },
    {
      name: "Rat",
      data: [-776.525, -322.625],
    },
  ],

【问题讨论】:

    标签: javascript vue.js


    【解决方案1】:

    要在 ApexCharts 图表中显示负值,yaxis 配置中的 min 选项设置为小于 0 的值。因此对于 xaxis,添加以下代码:

    轴:{
        分钟:-100
    },

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-02-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-28
      • 2020-09-21
      • 1970-01-01
      相关资源
      最近更新 更多