問題タブ [lightweight-charts]

私は Tradingview チャート ライブラリを初めて使用し、レスポンシブ チャートのようなものを作成したいと考えています。

問題は、トレーディング ビュー チャート ライブラリで幅と高さを指定する必要があることです。これがコードです。

下のこの画像は、現時点で私が持っているものです。 下のこの画像は私が欲しいものです。(私のコードからの 1 番目の画像、tradingview からの 2 番目の画像)。

明確にするために：1行に複数の色を持たせたい. 私の状況では、2色しか必要ありません。色が変更可能な新しい行を作成するたびに必要です。右側の値札も、チャートの右側部分に当たる線の色に変わると便利です。

これは私のコードです：

changeLineColor() 関数は if ステートメントを実行していますが、これは線に色を設定することとは関係ありません。

ビットコインのリアルタイムデータをチャートに追加しました。トレーディングビューでさえ処理できない高さのピークがありました... 少なくとも、私のチャートでは。 ご覧のとおり、6 月 2 日にビットコインが高騰し、画面からはみ出しました。 実際の TradingView ページ自体ではすべて正常に表示されるため、これは修正可能であるはずです: また、チャートをズームアウトすると、完全に正常に表示されます: だから私が望むのは、私のチャートが、tradingview.com と同じようにスケーリングされることです。 .

これは私のコードです:

私が試したこと：

コードで次のことを試しました: https://github.com/tradingview/lightweight-charts/blob/master/docs/customization.md -> 価格軸 -> priceScale() -> autoScale: true と異なるスケールのマージントップとボトムス。scaleMarginsは機能しているようですが、時間を遡ってピークが見えなくなったことを確認すると、すべてがフラットと同じくらい良いです:(コードの最後に入れようとしました: chart.timeScale().fitContent() ; しかし、これは私が今持っている方法と同じ結果をもたらしますが、ズームアウトします. timeScale でズームインしても、同じように見えます.

github のドキュメントを見てきましたが、マーカーに関する詳細は見つかりませんでした。彼らが与える例は次のとおりです 。

私は正しいマーカー配列を持っているようですが、運がありません。