javascriptがhtml上で表示されない

下のようにjavascriptをhtmlに埋め込んだのですが、var chart　のグラフが一切表示されません。
ブラウザの検証ツールを使っても、エラーが何も表示されていません。

　<script src="https://cdn.jsdelivr.net/d3js/latest/d3.min.js" charset="utf-8"></script>
　<script src="https://cdn.jsdelivr.net/npm/taucharts@2/dist/taucharts.min.js" type="text/javascript"></script>
　<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/taucharts@2/dist/taucharts.min.css">
　<script type="text/javascript">
　var chart = new Taucharts.Chart({
    type   : 'scatterplot',
    x      : 'Cycle Time',
    y      : 'SUM(Bugs Count)',
    color  : 'Team',
    size   : 'Sum(User Stories Count)',
    data   : [{'Cycle Time': 186, 'SUM(Bugs Count)': 34, 'Team': 'HDP'}],
    plugins: [
        Taucharts.api.plugins.get('legend')(),
        Taucharts.api.plugins.get('tooltip')()
    ]
    });
    </script>

何が問題なのでしょうか？Tauchartsは問題なくインストールできています。

行動規範の内容に同意します

回答1件

ベストアンサー

そのライブラリの公式ドキュメントが404になってて読めないけど、単にchart.randerTo(id)とかで生成したチャートを表示する要素を指定してないだけじゃないんですかね。

これとか見ればわかると思いますが。

ちなみにJavaScriptを「表示する」なんて表現をしているところから、何か根本的な理解が不足していると思いますが、ブラウザによって表示されるのはあくまでHTMLの要素の方で、そのHTMLの要素をJavaScriptを使って生成しているに過ぎません。
なので、生成した要素を「HTML（で解釈できる要素）として表示」するための何らかのアクションが必要になるはずです。

投稿2020/10/21 03:16

編集2020/10/21 03:19