Question

下面是我遇到问题的代码，我没有得到图表的输出。请帮助我。

我的XHTML代码

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:tr="http://myfaces.apache.org/trinidad">    

    <h:body> 
    <h1>Director Screen</h1>  
    <tr:document>
        <tr:form>       
                <tr:chart value="#{chartBean}" type="pie" />
            <tr:chart value="#{chartBean}" type="bar" />
            <tr:chart value="#{chartBean}" type="circularGauge">
        </tr:form>
    </tr:document>
    </h:body>
</html>

Java代码

package com;

import java.util.ArrayList;
import java.util.List;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import org.apache.myfaces.trinidad.model.ChartModel;



@ManagedBean(name = "chartBean")
@SessionScoped

public class ChartBean extends ChartModel {

        @Override
    public List<String> getGroupLabels() {
        List<String> groupLabels = new ArrayList<String>();
        groupLabels.add("Java");
        groupLabels.add("Linux");
        groupLabels.add(".NET");
        return groupLabels;
    }

    @Override
    public List<String> getSeriesLabels() {
        List<String> seriesLabels = new ArrayList<String>();
        seriesLabels.add("Love it");
        seriesLabels.add("Hate it");
        return seriesLabels;
    }

    @Override
    public List<List<Double>> getYValues() {

        List<List<Double>> chartValues = new ArrayList<List<Double>>();
        // Fill the groups
        for (int i = 0; i < getGroupLabels().size(); i++) {
            List<Double> numbers = new ArrayList<Double>();

            // fill the series per group
            for (int j = 0; j < getSeriesLabels().size(); j++) {
                numbers.add(100* Math.random());
            }
            chartValues.add(numbers);
        }
        return chartValues;

    }

}

Answer 1

在<h:head>之前的模板中必须有<h:body>。这就是所有JSF 2.x脚本和样式表的结尾。如果<tr:chart>有一些JS / CSS依赖项，我不会感到惊讶。

Answer 2

我无法在xhtml文件中获取图形，所以我在jsp中复制了相同的内容并获得了图形。

Answer 3

我有类似的问题并通过在web.xml中添加以下行来解决它：

<mime-mapping>
   <extension>svg</extension>
   <mime-type>image/svg+xml</mime-type>
</mime-mapping>

在XHTML中使用了特立尼达图表标记<tr：chart>，但没有输出</tr：chart>

3 个答案: