更改lightningChart标题大小和颜色

我用下面的代码添加图表标题大小

const _chartVolumeTitle = charts[0].addUIElement(
        UIElementBuilders.TextBox
            .setBackground(UIBackgrounds.Rectangle),
        {
            x: axisX.scale,
            y: axisY.scale
        }
    )
        .setText('Test Title')
        .setPosition({ x: 0, y: 0 })
        .setOrigin(UIOrigins.LeftTop)
        .setDraggingMode(UIDraggingModes.notDraggable)

---

如何更改字体大小、字体颜色和背景颜色。

您可以使用

文本框
.setFont（（font）=>font
.setSize（40）
)

.setFont

方法可以接受新实例或mutator函数。mutator函数可用于编辑现有字体设置

字体颜色可以使用更改

文本框
.setTextFillStyle（（样式）=>样式
.setColor（ColorHEX（'#0f0'））
)

文本框的背景颜色可以通过更改。在大多数情况下，您需要创建一个新的样式来设置背景填充和笔划样式，因为默认情况下，文本框使用了

文本框
.setBackground（样式=>样式
.setFillStyle（新的SolidFill（{color:ColorHEX（'#f00'）}））
)

请参阅下面的代码片段，以查看这些API的不同使用结果

const{
光照图，
空位线，
固体填料，
ColorHEX，
UIElementBuilders，
背景,，
原籍，
UIDRAGINGMODES，
实线
}=lcjs
常量图表=lightningChart（）
.ChartXY（）
图表
.setTitle（“标题”）
.setTitleFont（f=>f
.setSize（24）
)
.setTitleFillStyle（新的SolidFill（{color:ColorHEX（'#f00'）}））
const title=chart.addUIElement(
UIElementBuilders.TextBox
.立根背景（UIC.矩形），
{
x:chart.getDefaultAxisX（）.scale，
y:chart.getDefaultAxisY（）.scale
}
)
.setText（“测试标题”）
.setPosition（{x:0，y:0}）
.setOrigin（UIOrigins.LeftTop）
.SetDragingMode（UIDragingModes.NotDragable）
.setFont（（font）=>font
.setSize（40）
)
.setBackground（样式=>样式
.setFillStyle（新的SolidFill（{color:ColorHEX（'#f00'）}））
)
.setTextFillStyle（（样式）=>样式
.setColor（ColorHEX（'#0f0'））
)
const title2=chart.addUIElement(
UIElementBuilders.TextBox
.立根背景（UIC.矩形），
chart.uiScale
)
.setText（“测试标题”）
.setPosition（{x:50，y:50}）
.setOrigin（UIOrigins.Center）
.SetDragingMode（UIDragingModes.NotDragable）
.setFont（（font）=>font
.setSize（40）
)
.setBackground（样式=>样式
.setStrokeStyle（新实线（{fillStyle:new SolidFill（{color:ColorHEX（'#f00'）}））
)