java - 在 html 中嵌入 Dygraph

标签 java html dygraphs

我正在使用嵌入在我的简单 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>

对于绘图选项,我遵循 this示例。

最佳答案

您忘记了 xlabel 属性后面的逗号。应该是这样的:

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

因此,JavaScript 发生错误并停止执行。要自行调试,请使用浏览器的 Web 开发人员工具并查看控制台。它将报告任何 JavaScript 错误。

关于java - 在 html 中嵌入 Dygraph,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20333264/

相关文章:

java - 如何着手在 Android 中创建交互式 map

java - 使用 JUnit 进行单元测试

java - 从另一个目录读取图像

html - HTML.Raw 是做什么的?

html - 有没有办法在html5中同步播放多个音频文件?

java - Hibernate一对一映射问题

html - 是否可以从开发者在CSS中使用 `text-decoration: underline;`创建下划线时更改为下划线高度?

javascript - Dygraph - 具有垂直缩放功能的实时数据更新

c# - 使用 MVC/Razor 传递 C# 变量以与 Dygraph 一起使用

javascript - dygraphs - 如何将动态数据拉到左侧而不是过度拥挤所有点?