首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在ApexCharts标签中更改文本颜色?

如何在ApexCharts标签中更改文本颜色?
EN

Stack Overflow用户
提问于 2022-06-02 18:56:46
回答 1查看 706关注 0票数 0

如何更改ApexCharts工具提示/标签的文本颜色?问题是字体颜色太暗:

我一生都在努力阅读ApexCharts文档中的解决方案,但我所能找到的只有:

代码语言:javascript
复制
chart: {
    foreColor: '#ffffff'
}

我在我的图表上试过了,但没有效果。

以下是我的图表的完整设置:

代码语言:javascript
复制
var colors = [ "#008ffb", "#ffc300", "#0acf97", "#fa5c7c", "#e3eaef" ];
var options = {
        chart: {
            foreColor: '#ffffff',
            height: 412,
            type: "pie",
            toolbar: {
                show: true
            }
        },
        series: [ 9890571, 5276166, 4810254, 3823869, 3463197 ],
        labels: [ "CHINO DEVELOPMENT COMPANY", "SC DEVELOPMENT COMPANY, LLC", "RICHLAND, INC.", "SL DEVELOPMENT COMPANY, LLC", "BROOKCAL, LLC" ],
        colors: colors,
        legend: {
            show: !0,
            position: "bottom",
            horizontalAlign: "center",
            verticalAlign: "middle",
            floating: !1,
            fontSize: "14px",
            offsetX: 0,
            offsetY: 7
        },
        responsive: [{
            breakpoint: 600,
            options: {
                chart: {
                    height: 240
                },
                legend: {
                    show: !1
                }
            }
        }]
    },
    chart = new ApexCharts(document.querySelector("#simple-pie"), options);
chart.render();
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-06-02 21:37:57

下面的CSS为我工作:

代码语言:javascript
复制
.apexcharts-tooltip span {
    color: #ffffff;
}

早些时候有人曾提出类似的答案,但省略了跨度选择器。没有斯潘,这对我不管用。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72481096

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档