ApexCharts：Y轴标签颜色不生效（X轴显示正常）

问题描述 #

使用Java封装的ApexCharts（com.github.appreciated库）时，X轴标签颜色设置为#FFFFFF可正常生效，但Y轴标签同样设置白色后，仍显示默认颜色，无法达到预期效果。

相关代码片段 #

// Setting x-axis labels
XAxis xAxis = XAxisBuilder.get()
    .withCategories(continuous.size() > oneTime.size() ? continuousKeys : oneTimeKeys)
    .withTooltip(TooltipBuilder.get().withEnabled(false).build())
    .withLabels(com.github.appreciated.apexcharts.config.xaxis.builder.LabelsBuilder.get()
        .withStyle(StyleBuilder.get()
            .withColors(IntStream.range(0, xSize).mapToObj(x -> "#FFFFFF").collect(Collectors.toList()))
            .build())
        .build())
    .build();
chart.setXaxis(xAxis);

// Setting y-axis labels
YAxis yAxis = YAxisBuilder.get()
    .withLabels(LabelsBuilder.get()
        .withFormatter(
            "function(val) { if (val >= 1000000) { return (val / 1000000).toFixed(1) + 'M'; } else { return val / 1000 + 'K'; } }")
        .withStyle(com.github.appreciated.apexcharts.config.yaxis.labels.builder.StyleBuilder.get()
            .withColor("#FFFFFF").build())
        .build())
    .withTooltip(TooltipBuilder.get().withEnabled(false).build())
    .build();
chart.setYaxis(new YAxis[] { yAxis });

排查与解决方案 #

1. 改用withColors列表形式设置颜色 #

观察X轴通过withColors传入颜色列表生效，Y轴当前用的是单个值的withColor，部分版本的封装库中Y轴样式需要和X轴保持一致的配置方式，尝试替换为列表形式：

.withStyle(com.github.appreciated.apexcharts.config.yaxis.labels.builder.StyleBuilder.get()
    .withColors(Collections.singletonList("#FFFFFF"))
    .build())

2. 检查全局样式覆盖 #

打开浏览器开发者工具，查看Y轴标签元素的CSS样式，确认是否有父容器的全局color规则或图表主题样式优先级更高，覆盖了Y轴标签的颜色设置。

3. 升级库版本 #

如果使用的是旧版本com.github.appreciated:apexcharts-java，可能存在Y轴样式映射的bug，尝试升级到最新稳定版，修复已知的配置映射问题。

4. 绕过Builder直接设置配置 #

如果Builder链式调用存在问题，可直接手动设置样式，跳过Builder验证：

yAxis.getLabels().getStyle().setColor("#FFFFFF");

内容的提问来源于stack exchange，提问作者cool