在HTML中嵌入Dygraphs(Embedding Dygraphs in html)

2019-11-02 16:39发布

我绘制使用嵌入在我简单的HTML代码的Java小程序的一些CSV数据。 东西的时候我绘制,没有任何做样子的数据运行良好; 如果我添加标签和标题我没有看到图了。 我应该在html代码更改,报道如下?

<html>
    <head>
        <script type="text/javascript"
            src="dygraph-combined.js"></script>
    </head>
    <body>
        <div id="graphdiv"
            style="width:1000px; height:600px;"></div><br>
        <script type="text/javascript">
            g2 = new Dygraph(
                             document.getElementById("graphdiv"),
                             "combined_file.csv", // path to CSV file
                             {  title: 'Title',
                                xlabel: 'Time'
                                ylabel: 'Space',
                                legend: 'always',
                                labelsDivStyles: {'textAlign': 'right'},
                             });
            </script>
    </body>
</html>

对于绘图选项,我跟着这个例子。

Answer 1:

你忘了xlabel财产后一个逗号。 它应该是这样的:

{  title: 'Title',
   xlabel: 'Time',
   ylabel: 'Space',
   legend: 'always',
   labelsDivStyles: {'textAlign': 'right'},
});

其结果是,出现了一个JavaScript错误停止执行。 为了调试这个自己,用你的浏览器的Web开发工具,并期待在控制台。 它会报告任何JavaScript错误。



文章来源: Embedding Dygraphs in html