如何使用 Apex 图表更改特定值的条形颜色？

Question

有没有办法更改 Apex 图表上低于特定值的条形颜色？例如，当重量超过 200 磅时，条形变为红色。这是我正在使用的代码，但我不太确定我应该为价值、seriesIndex 和 wcolors: ['#02DFDE'],             fill: {                 colors: [function({ value, seriesIndex, w }) {                    if(value < 360) {                      return '#FF0000'                  } else {                      return '#02DFDE'                  }                }]         },

Answer 1

如果你想根据值设置颜色，那么这个函数就足够了

colors: [

  function({ value, seriesIndex, w }) {

    if (value < 5000) {

      return '#FF0000'

    } else {

      return '#02DFDE'

    }

  }

]

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