如何使用 Apex 圖表更改特定值的條形顏色？

Question

有沒有辦法更改 Apex 圖表上低於特定值的條形顏色？ 例如，當重量超過 200 磅時，條形變為紅色。

這是我正在使用的代碼，但我不太確定我應該為價值、seriesIndex 和 w

colors: ['#02DFDE'],
             fill: {
                 colors: [function({ value, seriesIndex, w }) {
                    if(value < 360) {
                      return '#FF0000'
                  } else {
                      return '#02DFDE'
                  }
                }]
         },

Answer 1

如果你想根據值設置顏色，那么這個 function 就足夠了

colors: [
  function({ value, seriesIndex, w }) {
    if (value < 5000) {
      return '#FF0000'
    } else {
      return '#02DFDE'
    }
  }
]

完整示例 - https://codepen.io/apexcharts/pen/RwRNXzX?editors=0010