如何在vaadin中实现html图表？

Question

我在vaadin html文件中使用了这段代码。但输出是没有的。

代码引用：https://vaadin.com/charts-for-polymer

请告诉我如何在我的vaadin设计中纠正和实施。

{
  "post_filter": {
    "term": {
      "some_field": "some_value"
    }
  },
  "aggs": {
    "languages": {
      "terms": {
        "field": "language"
      }
    }
  }
}

Answer 1

您的代码可在chrome中完美运行，但在Firefox上无法运行 （控制台：未定义聚合物）。

您需要做的是，将聚合物代码包装在如下代码中：

addEventListener('WebComponentsReady', function() {
    Polymer({
      is: "my-data-source",
      ....

在此处查看工作示例：https://jsbin.com/tifafepefi/edit?html,output