問題タブ [react-vis]

react-vis を含むコンポーネントがあります。このコンポーネントは、チャートタブの反応タブにあります。そのタブに初めてアクセスすると、問題なく描画されます。それ以降は毎回全く描かれていません。どうした？

x軸の目盛りをシフトして、各棒の四角形に揃えようとしています。バーは x - y の時間の間のイベントに対応し、目盛りは少し誤解を招くという考え方です。使用しようとしましtickFormat()たが、それはラベルにのみ影響するようです。また、react-vis のドキュメントでかなり言及されているので、D3 のドキュメントにも目を通しました。

現在のチャート

したがって、理想的には、午前 10 時の位置を中心とするバーを右にシフトして、午前 10 時から午前 11 時の間に中心に配置します。これを達成するために使用できる別の機能はありますか?

マウスオーバー位置で x と y の値を取得しようとしています。

イベントをログに記録すると、{event: Class} が表示されます。ドキュメントは、値を取得する方法について明確ではありません

event.target.value と event.currentTarget を試しましたが、未定義です。以前にこの問題に遭遇し、解決策または回避策を持っている人はいますか?

イベントオブジェクトを展開すると、次のようになります

サーバーからのペリサン テキストがあります。通常の状況では、次のように表示されます:
ساعت12
コードのさまざまな部分でテストすると、問題なく表示されます。しかし、チャートで使用すると、文字が順不同で表示されます。このように:
順不同のテキスト
が反転している理由がわかりません。unicode-bidiと の両方embedに設定しようとしましbidi-overrideた。いろいろなフォントを試しました。フォントサイズを変更してみました。に設定しdirectionましたrtlが、これまでのところ、これらのどれも機能していません。