将JFreeChart包装图添加到Vaadin项目 - 可用的声明格式容器?

时间:2015-04-03 13:17:59

标签: html vaadin jfreechart navigator

我对Vaadin(或类似的框架)肯定是新手,我目前很难理解如何将图表(使用VaDin包装器为JFreeChart创建)包含到html文件中,该文件定义了我的一个视图在Vaadin Navigator。我跟着这个tutorial使用JFreeChart创建了一个兼容Vaadin的图表,它是Vaadin -JFreeChartWrapper的包装器。我好像无法在Vaadin's declarative format中找到一个元素(你可以测试它here),这可以让我做到这一点。我现在的观点非常简单,包括标签和嵌入​​元素(图像):

<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>

是否有图表的通用容器,如果没有,我该如何添加?对于我的导航器内容,我已经在Vaadin的书中修改了AnimalViewer example

1 个答案:

答案 0 :(得分: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>