2015-04-03 41 views
0

對於Vaadin(或類似的框架),我絕對相當陌生,而且我目前很難理解如何在HTML文件中包含圖表(使用JFreeChart的Vaadin封裝創建),該文件定義了我的一個視圖Vaadin導航。我遵循此tutorial使用JFreeChart創建Vaadin兼容圖表,並且它是Vaadin - JFreeChartWrapper的封裝。我似乎無法找到Vaadin's declarative format中的元素(您可以測試它here),可以使我可以做到這一點。我現在的看法是非常簡單,它包含一個標籤和嵌入​​式元素(圖片):將JFreeChart包裝圖添加到Vaadin項目 - 聲明性格式容器可用?

<v-vertical-layout size-full> 
    <v-label _id="watching" size-auto :middle :center/> 
    <v-embedded _id="pic" :middle :center :expand/> 
    <!-- add chart element here! (_id="chart") --> 
</v-vertical-layout> 

是否有圖表,如果沒有一些通用的容器,我怎麼可以添加一個?對於我的Navigator,我已經在Vaadin的書中修改了AnimalViewer example

回答

0

根據Vaadin book,您可以爲您的組件定義前綴,以便您可以在HTML文件中使用它。假設你正在使用vaadin插件/包裝器的類是com.example.chart.MyChart以下應該是一個工作示例:

<!DOCTYPE html> 
<html> 
<head> 
    <!-- define c as prefix for package com.example.chart --> 
    <meta name="package-mapping" content="c:com.example.chart"/> 
</head> 
<body> 
<v-vertical-layout size-full> 
    <v-label _id="watching" size-auto :middle :center/> 
    <v-embedded _id="pic" :middle :center :expand/> 

    <!-- use MyChart --> 
    <c-my-chart _id="chart"/> 
</v-vertical-layout> 
</body> 
</html>