如何自定义自动光标轴刻度的文本?
How to customize the text of an auto cursor axis tick?
我想自定义显示在自动光标的 x 轴刻度标记上的数值格式。我可以通过设置刻度策略(数字)和定义格式化函数来自定义我的 x 轴,但自动光标 x 轴刻度标记文本未更改。是否也可以设置自动光标轴刻度标记的格式化功能?
我能找到的当前解决方法涉及完全禁用自动光标并使用自定义刻度制作自定义光标,如 LightningChart 交互式示例中所做的那样:https://www.arction.com/lightningchart-js-interactive-examples/edit/lcjs-example-0702-customCursor.html
这里:
如果可能,我想使用现有的自动光标。
感谢您的提问。
我很惊讶地发现在 LC JS v.3.1 中实际上没有一种方便的方法来更改默认自动光标的刻度标签格式。
很高兴收到我们的信息,因为现在我们可以对此进行一些改进,并将它们包含在本月晚些时候发布的下一个版本中。
很抱歉,您暂时必须采取变通办法。当 3.2 版发布时,我会 post 在这里更新答案。
编辑:LC JS 版本 3.2 现在是 public。
我们添加了一个新方法NumericTickStrategy.setCursorFormatter
,可以这样使用:
axis.setTickStrategy(AxisTickStrategies.Numeric, ticks => ticks
.setCursorFormatter((value, range, locale) => {
// Your formatting logic goes here.
return 'todo'
})
)
如链接 API 参考中所述,这将影响以下组件:
- 默认游标结果table 格式化程序。
- 沿使用此 TickStrategy 的 Axis 的默认光标刻度格式化程序。
- Axis.formatValue 使用此 TickStrategy 的轴的方法。
我想自定义显示在自动光标的 x 轴刻度标记上的数值格式。我可以通过设置刻度策略(数字)和定义格式化函数来自定义我的 x 轴,但自动光标 x 轴刻度标记文本未更改。是否也可以设置自动光标轴刻度标记的格式化功能?
我能找到的当前解决方法涉及完全禁用自动光标并使用自定义刻度制作自定义光标,如 LightningChart 交互式示例中所做的那样:https://www.arction.com/lightningchart-js-interactive-examples/edit/lcjs-example-0702-customCursor.html
这里:
如果可能,我想使用现有的自动光标。
感谢您的提问。
我很惊讶地发现在 LC JS v.3.1 中实际上没有一种方便的方法来更改默认自动光标的刻度标签格式。
很高兴收到我们的信息,因为现在我们可以对此进行一些改进,并将它们包含在本月晚些时候发布的下一个版本中。
很抱歉,您暂时必须采取变通办法。当 3.2 版发布时,我会 post 在这里更新答案。
编辑:LC JS 版本 3.2 现在是 public。
我们添加了一个新方法NumericTickStrategy.setCursorFormatter
,可以这样使用:
axis.setTickStrategy(AxisTickStrategies.Numeric, ticks => ticks
.setCursorFormatter((value, range, locale) => {
// Your formatting logic goes here.
return 'todo'
})
)
如链接 API 参考中所述,这将影响以下组件:
- 默认游标结果table 格式化程序。
- 沿使用此 TickStrategy 的 Axis 的默认光标刻度格式化程序。
- Axis.formatValue 使用此 TickStrategy 的轴的方法。