仪表板的Keen.io库与dataviz兼容

时间:2017-04-27 21:16:53

标签: javascript dashboard keen-io

我一直在关注在线示例(https://github.com/keen/keen-dataviz.js/)并使用此keen-dataviz CDN库成功制作Dataviz饼图:

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

(CDN取自示例here

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

以下dashboard example我使用本地js libaries而不是CDN,例如:

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

仪表板github中的本地库似乎包含较旧版本的Dataviz(例如.chartType代替.type)。我已经调整了很长时间(并且已经解决了一些问题),但是我无法使用仪表板获取原始的饼图。 (不幸的是我的饼图查询内部数据源,所以我无法给出一个有效的例子......)但最重要的是,这两个库是不兼容的......

我的问题是,我可以使用最新的keen-dataviz.js库来使用最新的仪表板js库吗?

干杯, 贾斯汀

1 个答案:

答案 0 :(得分:1)

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

您可以尝试的一个解决方案是,除了(或代替)包括keen.min.js之外,您还可以包含keen-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-dataviz.js为Keen's Auto-Collector构建的此信息中心模板:

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

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