div に「table border-collapse:collapse」を設定する CSS 定義があります。その div で、このプロパティを継承する Google Orgchart を表示し、グラフをレンダリングするときに表示上の問題を引き起こします。
動的に生成されるため、インライン プロパティを使用できないため、グラフのこのプロパティを削除/オーバーロードするにはどうすればよいですか。
編集: Google の js によって生成されたコードは次のとおりです。
<table class="google-visualization-orgchart-table" dir="ltr" cellpadding="0" cellspacing="0" align="center"`>
私は自分のファイルに追加しようとしました:
.google-visualization-orgchart-table {
border-collapse:separate;
}
しかし、効果はありません..
Chrome の検査機能を引き続き使用すると、次の css が原因であることがわかります。
#main-content table {
width: 100%;
border-collapse: collapse;
}
メインコンテンツが私のDIVです。Chrome でこの「border-collapse」プロパティを手動でオフにすると、正常に動作します。
ありがとう