anychart - 如何在任何图表中以“分离”显示模式呈现股票图表的工具提示？

Question

我已经实现了一个烛台图，其中包含一堆以“联合”显示模式显示工具提示的折线图。(anychart + Next.js)

但我不知道如何让工具提示以“单独”模式呈现。部分代码如下：

  const [ma, setMa] = useState([])

  const table = anychart.data.table()
  table.addData(dStock)

  const mapping = table.mapAs()
  mapping.addField(`open`, 1)
  mapping.addField(`high`, 2)
  mapping.addField(`low`, 3)
  mapping.addField(`close`, 4)

  const chart = anychart.stock()
  const ticker = `サンプル`

  const tooltip = chart.tooltip()
  // tooltip.displayMode(`separated`) // if I add this line, no tooltips show up
  tooltip.titleFormat(ticker)

  const series = chart.plot(0).candlestick(mapping)
  series.name(ticker)
  series.tooltip().format(`\n始値：{%open}\n高値：{%high}\n安値：{%low}\n終値：{%close}`)

  const s = []
  
  if (ma.length > 0) {
    ma.forEach((v, k) => {
      const key = Object.keys(v)[0]
      s[k] = chart.plot(0).line(v[key])
      s[k].name(key)
      s[k].tooltip().format(`{%seriesName}: {%value}`)
    })
  }

联合模式下带有工具提示的图表：

标签： anychart

Answer 1

不幸的是，当前版本的库不支持股票图表工具提示的分离模式。目前仅支持联合和单一模式。我们将在未来的更新中考虑这一要求。