Question

有人能指出为什么以下内容不会输出任何图表。我安装了flot插件并使用Grails 2.0，因此jquery是默认的...

<head>
    <flot:resources includeJQueryLib="false"/>
    <title>Performance Graphs for: ${data[0]?.sn}</title>
    <meta name="layout" content="main" />
</head>
<body>
    <g:javascript>
        var ingest = [[0, 3], [4, 8], [8, 5], [9, 13]];

        var options = {
            lines: { show: true },
            points: { show: true }
        };
    </g:javascript>

    <flot:plot id="test" stype="width: 600px; height: 300px" 
          data="ingest" option="options" />       
</body>

Answer 1

使用Flot和Grails 2.1.1我遇到了同样的问题。

当我将<g:javascript library="jquery" plugin="jquery"/>标记添加到页面标题并将<flot:resources includeJQueryLib="false"/>移动到页面正文中时，图表就开始显示了。以下代码段显示了如何：

<head>
    <meta name="layout" content="main">
    <g:set var="entityName" value="${message(code: 'chart.label', default: 'Chart')}" />
    <title><g:message code="default.show.label" args="[entityName]" /></title>
    <g:javascript library="jquery" plugin="jquery"/>
</head>
<body>
    <flot:resources includeJQueryLib="false"/>

希望它有所帮助。

Answer 2

而不是 var ingest = [[0,3]，[4,8]，[8,5]，[9,13]]; 用它就像 var ingest = [[[0,3]，[4,8]，[8,5]，[9,13]]];

Grails 2.0和Flot插件......无法让它工作

2 个答案: