Как добавить верхнюю панель инструментов в облегченную диаграмму? ⇐ Javascript

[Anonymous]

Это компонент диаграммы:

Код: Выделить всё

import { ColorType, createChart, CrosshairMode } from "lightweight-charts";
import { useEffect, useRef, useState } from "react";

export default function Chart({ data, type, symbol, height = 700 }) {
const chartContainerRef = useRef();
const [pointData, setPointData] = useState({});
useEffect(() => {
const chart = createChart(chartContainerRef.current, {
layout: {
background: { type: ColorType.Solid, color: "#000000" },
textColor: "#ffffff",
},
width: chartContainerRef.current.width,
height,
autoSize: true,
grid: {
vertLines: {
visible: false,
},
horzLines: {
visible: false,
},
},
crosshair: {
mode: CrosshairMode.Magnet,
},
timeScale: {
backgroundColor: "#3b3b3b",
timeVisible: true,
rightBarStaysOnScroll: true,
},
});
chart.timeScale().fitContent();
const series = updateChartSeries(chart, type, data);
chart.subscribeCrosshairMove((param) => {
setPointData(param.seriesData.get(series));
});
return () => {
chart.remove();
};
}, [data, height, type]);
return (




);
}

что приводит к следующему:


Как добавить показанную здесь верхнюю панель инструментов? В документации отсутствует эта информация.
Вот что меня интересует:


Есть ли способ добавить ее, передав параметр/флаг, или мне следует прибегнуть к взлому для достижения это?

Подробнее здесь: https://stackoverflow.com/questions/797 ... arts-chart