HTML5 doctype: を含む HTML ドキュメントがあり<!DOCTYPE html>
、その中に d3.js グラフ専用の CSS ファイルと、d3.js を使用してグラフを描画するための別の .js スクリプトをリンクしています。
例:
<head>
...
<link type="text/css" href="./graph.css" rel="stylesheet"/>
</head>
<body>
...
<div class="graph">
<script type="text/javascript" src="./graph1.js"></script>
</div>
...
</body>
の内部graph1.js
では、 のクラスを使用してノード、エッジなどのスタイルを設定しますgraph.css
。
ここで、doctype を指定せずに HTML ファイルをレンダリングすると、グラフは .xml のスタイルでブラウザーに描画されますgraph.css
。ただし、doctype を追加するとすぐに、CSS ファイルからのスタイルの適用に失敗します。
この問題の原因は何なのか、スタイルを CSS ファイルから d3.js コード内の d3.js コードに戻さずに修正するにはどうすればよいでしょうかgraph1.js
。ありがとう!