lightningchart - 如何自定义自动光标轴刻度的文本?

标签 lightningchart

我想自定义显示在自动光标的 x 轴刻度标记上的数值格式。我可以通过设置刻度策略(数字)和定义格式化函数来自定义我的 x 轴,但自动光标 x 轴刻度标记文本未更改。是否也可以设置自动光标轴刻度标记的格式化功能?

我能找到的当前解决方法涉及完全禁用自动光标并使用自定义刻度制作自定义光标,如 LightningChart 交互式示例中所做的那样:https://www.arction.com/lightningchart-js-interactive-examples/edit/lcjs-example-0702-customCursor.html

这里:Show custom tick in X-axis on Hover

如果可能,我想使用现有的自动光标。

最佳答案

感谢您的提问。

我很惊讶地发现在 LC JS v.3.1 中实际上没有一种方便的方法来更改默认自动光标的刻度标签格式。

很高兴收到我们的信息,因为现在我们可以对此进行一些改进,并将它们包含在本月晚些时候发布的下一个版本中。

很抱歉,您暂时必须采取变通办法。当 3.2 版发布时,我将在此处发布更新的答案。

编辑:LC JS 3.2 版现已公开。

我们添加了一个新方法 NumericTickStrategy.setCursorFormatter ,可以这样使用:

axis.setTickStrategy(AxisTickStrategies.Numeric, ticks => ticks
   .setCursorFormatter((value, range, locale) => {
      // Your formatting logic goes here.
      return 'todo'
   })
)

如链接的 API 引用中所述,这将影响以下组件:

  • 默认游标结果表格式化程序。
  • 使用此 TickStrategy 的 Axis 上的默认光标刻度格式化程序。
  • 使用此 TickStrategy 的 Axis 的 Axis.formatValue 方法。

关于lightningchart - 如何自定义自动光标轴刻度的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69095867/

相关文章:

javascript - 在共享 Axis 图表中是否可以将 Axis 与系列一起隐藏?

javascript - 如何固定LegendBox在图表中的位置?

javascript - 如何修改 OHLC 图表中条形图的默认颜色?

javascript - 离屏幕最近的线系列解决方案不返回适当的值

lightningchart - 当我使用 JavaScript 屏幕菜单示例时,OnScreenMenuButtonType 的按钮不显示图标

javascript - 我们可以在图表周围添加边框吗?

javascript - 动态更改散点图大小和形状 - LightningChart JS