使用 apexcharts 的 Y 轴字体颜色

Question

我正在尝试使用 apexcharts 创建烛台图，一切似乎都运行良好，只是 yaxis 显示的颜色非常微弱，我几乎看不到。我可以说它正在显示，因为我可以更新字体大小并看到它，但由于某种原因颜色不会更新。这是我的配置：

export const chartOptions = {
  chart: {
    animations: { enabled: false },
    toolbar: { show: false },
    width: '100px'
  },
  tooltip: {
    enabled: false,
    theme: false,
    style: {
      fontSize: '12px',
      fontFamily: undefined
    },
    x: {
        show: false,
        format: 'dd MMM',
        formatter: undefined,
    },
    y: {
      show: true,
      title: 'price'
    },
    marker: {
      show: false,
    },
    items: {
       display: 'flex',
    },
    fixed: {
        enabled: false,
        position: 'topRight',
        offsetX: 0,
        offsetY: 0,
    },
  },
  xaxis: {
    type: 'datetime',
    labels: {
      show: true,
      style: {
          colors: '#fff',
          fontSize: '8px',
          cssClass: 'apexcharts-xaxis-label',
      },
    },
  },
  yaxis: {
    labels: {
      show: true,
      minWidth: 0,
      maxWidth: 160,
      style: {
        color: '#fff',
        fontSize: '8px',
        cssClass: 'apexcharts-yaxis-label',
      },
      offsetX: 0,
      offsetY: 0,
      rotate: 0,
    }
  }
}

这是我看到的：

知道为什么它没有显示为指定的白色吗？我希望能够显示 yaxis 值。

Answer 1

问题出在版本上。我做了以下事情：

npm uninstall apexcharts
npm i apexcharts@3.6.3
--restarted npm
npm run start

然后成功了！

使用 apexcharts 的 Y 轴字体颜色

Y-axis font color using apexcharts

javascript

html

css

apexcharts