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)

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

予算
3万
5万
応募者数 101
募集期限 あと 4 日 (9月28日まで)
user
mitsujiro
投稿日時:2日前
予算
見積り希望
応募者数 55
募集期限 あと 10 日 (10月4日まで)
user
Mauna0227
投稿日時:3日前