jsf - Highfaces的图表不起作用

Question

为什么上面的代码有效而下面的折线图无效？这两个示例都来自 bootsfaces.net 站点。饼图显示正确，但折线图仅显示标题。两者共享相同的 bean 属性

    <b:row>
        <b:column col-md="6" col-xs="6">
            <hf:chart type="pie" title="Series with individual lists">
                <hf:chartSerie name="Boys" value="#{lineChartBean.boys}"
                    var="point" point="#{point.amount}" tickLabel="#{point.year}"
                    dataLabel="{point.name}: {point.percentage:.1f} % ({point.y})" />

            </hf:chart>
        </b:column>
        <b:column col-md="6" col-xs="6">
            <hf:chart type="line" value="# {lineChartBean.boys}" var="birth"
                xaxisLabel="Years" point="# {birth.amount}"
                tickLabel="# {birth.year}" title="List of Pojos" />
        </b:column>
    </b:row>

Answer 1

原因很简单：您没有删除下图中 # 和 { 之间的空格。空格源自 highfaces 演示中的代码格式化工具，但不应成为您在应用程序中使用的实际代码的一部分。

代码中的正确标记应如下所示：

<hf:chart type="line" value="#{lineChartBean.boys}" var="birth"
            xaxisLabel="Years" point="#{birth.amount}"
            tickLabel="#{birth.year}" title="List of Pojos" />