html - Firefox で SVG のレンダリングが異なる

Question

私はSVGチャートをレンダリングすることに取り組んでいます。 ここをクリックして SVG チャートを表示

Google chromeまたはでこのグラフを表示するInternet Explorerと、予想どおり 2 つのグループが得られます。しかし、これを でレンダリングするとMozilla Firefox、最初のグループだけがレンダリングされます。
これを追跡することはできません。助けてください
ありがとう:)

Answer 1

あなたの問題は、ビューボックスに有用な幅と高さを設定していないことです<svg>。その結果、高さ 150 ピクセル、幅 300 ピクセル (CSS で置き換えられる要素のデフォルトのサイズ) になり、その外側のすべてが切り取られます。少なくとも、ここで実際に SVG 仕様に従っているブラウザでは、これが発生しますが、IE と Chrome はそうではありません。