pyecharts table组件

Question

pyecharts 中table组件很好用，因为背景是黑色，希望在展示为网页的时候，将标题字体和表格内的文本改成白色
目前代码为

from pyecharts.components import Table
data = [
    ["Top1", "梦特娇  ", 168380206.20, "100w"],
    ["Top2", "顶瓜瓜  ", 127172237.70, "80w"],
    ["Top3", "桃心  ", 83377280.33, "70w"],
    ["Top4", "马骑顿  ", 16987622.49, "50w"],
    ["Top5", "迪士尼  ", 18249714.06, "20w"],
]

columns = ["排名", "品牌", "当月整体销售", "昨日销售额"]

table = (
    Table()
    .add(headers=columns, rows=data)
    .set_global_opts(
        title_opts=opts.ComponentTitleOpts(title="当月品牌销售"),

    )
)
table.render_notebook()

翻了一圈，未找到有效方法，pyecharts版本为2.0.4，希望能有专家能指点

Answer 1

在pyecharts中，Table组件没有直接提供设置字体颜色的选项，但我们可以通过自定义CSS样式来实现修改字体颜色的目的。可以在Table组件的render方法中添加一个自定义的CSS样式。

以下是一个示例：

首先创建一个CSS文件，例如命名为custom.css：

/* 修改标题字体颜色 */
.ec-component-title-text {
    color: white;
}

/* 修改表格内文本颜色 */
.ec-table tbody tr td {
    color: white;
}

然后在你的Python代码中使用render方法，并指定custom.css文件的路径：

from pyecharts.components import Table
from pyecharts.options import ComponentTitleOpts

data = [
    ["Top1", "梦特娇  ", 168380206.20, "100w"],
    ["Top2", "顶瓜瓜  ", 127172237.70, "80w"],
    ["Top3", "桃心  ", 83377280.33, "70w"],
    ["Top4", "马骑顿  ", 16987622.49, "50w"],
    ["Top5", "迪士尼  ", 18249714.06, "20w"],
]

columns = ["排名", "品牌", "当月整体销售", "昨日销售额"]

table = (
    Table()
    .add(headers=columns, rows=data)
    .set_global_opts(title_opts=ComponentTitleOpts(title="当月品牌销售"))
)

# 使用自定义的CSS样式进行渲染
table.render("table_with_custom_style.html", css_path="custom.css")

这样，在生成的table_with_custom_style.html文件中，标题和表格内的文本将会显示为白色。