代码之家  ›  专栏  ›  技术社区  ›  JasSum

反应apexcharts标记颜色

  •  0
  • JasSum  · 技术社区  · 2 年前

    我在项目中使用Apexcharts,但如果值为负数,我会更改标记的颜色 <0

    该值由Y轴显示。

    这是我的逻辑

     const chartData = this.state.data;  //the output is [1,3,2-5,-7,5,9,-2]
    
            const chartSeries = [
                {
                    name: 'Data1',
                    data: chartData
                },
            ];
    
            const seriesData = chartData.flatMap((value, index) => ({
                x: index,
                y: value, 
                fillColor: value >= 0 ? '#0000ff' : '#ff0000',
            }));
    
    const Options: ApexOptions = {
    markers: {
                    size: 2,
                    colors: seriesData.map((data) => data.fillColor), 
                    strokeWidth: 0,
                    hover: {
                        size: 3,
                    },
                },
    }
    

    此代码生成输出 #0000ff 正值和负值。

    我在这个代码中的错误在哪里?

    0 回复  |  直到 2 年前
    推荐文章