javascript - 用于与 dataviz 兼容的仪表板的 Keen.io 库

Question

我一直在关注在线示例(在 https://github.com/keen/keen-dataviz.js/ )，并且使用这个 eager-dataviz CDN 库成功生成了 Dataviz 饼图:

<script src="//d26b395fwzu5fz.cloudfront.net/keen-dataviz-1.1.3.js"></script>

(CDN 取自示例 here )

我现在正在尝试将饼图添加到仪表板布局中。

dashboard example我正在使用本地 js 库而不是 CDN，例如:

<script type="text/javascript" src="../../assets/lib/keen-js/dist/keen.min.js"></script>

仪表板 github 中的本地库似乎包含旧版本的 Dataviz(例如 .chartType 代替 .type)。我已经调整了很长时间(并解决了一些问题)，但我无法让我的原始饼图与仪表板一起使用。 (不幸的是，我的饼图查询内部数据源，因此我无法给出工作示例...)但底线是，这两个库不兼容...

我的问题是，是否有一个最新的仪表板 js 库可以与最新的 eager-dataviz.js 库一起使用？

Answer 1

当前的开源仪表板模板调用了之前的 keen.js 3.0而不是最新的keen-dataviz.js您发现的库(最好/更好)。这会导致您在图表选项属性中看到语法差异(.type 而不是 .chartType)。我预计您正在使用的开源仪表板模板将很快升级到 eager-dataviz.js。

您可以尝试的一个解决方案是，除了(或代替)包含 eager.min.js 之外，您还可以包含 eager-dataviz.js

<script src="https://d26b395fwzu5fz.cloudfront.net/keen-dataviz-1.1.3.min.js"></script>

请注意，如果您要使用 Keen 收集数据和分析数据，那么包含其他两个库也可能很有用:

<script src="https://d26b395fwzu5fz.cloudfront.net/keen-tracking-1.1.3.min.js"></script>
<script src="https://d26b395fwzu5fz.cloudfront.net/keen-analysis-1.2.2.js"></script>

还有一些其他资源可能对您也有帮助:

1. 此仪表板模板是为 Keen's Auto-Collector 构建的使用最新的 eager-dataviz.js:

   • GitHub 上的存储库:https://github.com/keen/auto-collector-dashboard
   • 仪表板模板的实时 View :https://autocollector-dashboard.glitch.me

2. 如何使用 eager.js 创建饼图的示例代码:

   • https://github.com/keen/keen-js/blob/master/docs/visualization.md#pie-chart

3. 此示例代码介绍如何使用 eager-dataviz.js 创建饼图

   • JS fiddle :http://jsfiddle.net/keen/5mbxzqhj/