Блог

Я реализовал свечной график с кучей линейных графиков, отображающих подсказки в режиме отображения «объединение». (любая диаграмма 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}`)
    })
  }
 

Диаграммы с подсказками в режиме объединения:

К сожалению, текущая версия библиотеки не поддерживает разделенный режим для всплывающей подсказки биржевого графика. На данный момент поддерживаются только объединенный и одиночный режимы. Мы учтем это требование для будущих обновлений.