LightningChart-JS 中的 ChartXY 和轴样式方法

Question

您好，我需要帮助更改 ChartXY 和轴的一系列样式属性。我尝试了文档中的方法，但它要么找不到函数，要么不清楚 API 文档中的哪个方法。

更改默认的 x 和 y 刻度字体属性（系列、大小、样式）- 在 API 文档中我只看到标题和自定义刻度。
更改图表背景颜色 - ChartXY.setChartBackgroundFillStyle returns 找不到函数错误
更改图表边框道具 - ChartXY.setChartBackgroundStroke returns 找不到函数错误

请帮忙。

Answer 1

changing the default x and y ticks font properties (family, size, style)

自动放置的轴刻度的所有修改都是通过 TickStrategy 完成的。因为，不同的分时策略可以有不同的分时结构，这个修改必须在指定分时策略的同时进行。它看起来像这样：

chart.getDefaultAxisX()
    // Specify tick strategy and configure it via callback function.
    .setTickStrategy(AxisTickStrategies.Numeric, (ticks) => ticks
        .setMinorTickStyle((style) => style
            .setLabelFont((font) => font.setStyle('italic'))
        )
    )

在这种情况下，ticks 的类型为 NumericTickStrategy。

TypeScript 用户请注意，刻度样式当前必须转换为 VisibleTicks，如下所示：ticks.setMinorTickStyle((style: VisibleTicks) => style...)

changing the chart bg color

chart.setSeriesBackgroundFillStyle(new SolidFill({ color: ColorRGBA(255, 0, 0) }))

changing the chart border props

chart.setSeriesBackgroundStrokeStyle(new SolidLine({ thickness: 2, fillStyle: new SolidFill({ color: ColorRGBA(255, 0, 0) }) }))

LightningChart-JS 中的 ChartXY 和轴样式方法

ChartXY and Axis styling methods in LightningChart-JS

lightningchart