React(Next)+Chakraにおいてplotly.jsのスタイルが崩れを解消したい!

予算
5,000円
納品希望日
2022年3月25日
募集期限
募集終了 締切日 2022年3月22日 /
掲載日 2022年3月17日
応募状況
応募人数 0
契約人数 0
閲覧数 48
用途・種類
アプリ開発
対応範囲
ー
用意してあるもの
ー
開発言語
JavaScript

募集内容

依頼の概要・目的・背景
Next.js + Chakra UIでグラフビューワアプリを作成中です。 グラフのプロットには、インタラクティブなplotly.jsを使用したいのですが、 Chakra UIと干渉して、plotly.jsのスタイルが添付のように崩れます。 Chakra UIのコンポーネントを使用するために、ChakraProviderを設定しているので、 CSSがresetされているために起こっている現状と推定しております。 試しに、ChakraProviderのresetCSSをfalseに設定すると、元に戻りました(ただ、今度はChakraのコンポーネントのスタイリングが崩れます)。 ChakraProviderの設定範囲をトップレベルではなく、下位レベルで限定して設定することも考えましたが、plotlyを使用する上位にChakraのコンポーネントであるContainerを使用するので、どうしてもChakraProviderの範囲内に入ってしまいます。 Containerの部分だけChakraで作成するのではなく、自作すれば良いのかなとは思うのですが、そうなるとChakra UI使っている意味が薄れそう、と思っています。とりあえず、解消するためにはこの方法でも良いかと思っているのですが、根本的にこの干渉の問題について解決したいと考えています。
参考URL
ー
求めるスキル
JavaScript, React, Chakra
特記事項
経験者優遇
スピード重視

応募者一覧

応募はまだありません

募集内容についての質問

質問と回答の履歴

質問はまだありません。不明なことがあれば質問してみましょう。
募集終了
ブックマーク
予算
5,000円
募集終了

募集者情報

Dragon Engineer
Dragon Engineer
4.8 (6)
5
発注件数
50%
発注率
100%
取引完了率
認証状況
本人確認
機密保持契約(NDA)

この募集内容に似ている仕事

似ている仕事はまだありません。
同じカテゴリからも探してみましょう。