我在项目中使用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
正值和负值。
我在这个代码中的错误在哪里?