Dimple.js图表​​无法在浏览器

Question

我的github页面上有一个dimple.js图表​​https://jjchoi08.github.io/DSProj/simpsons_d3.html

在html文件中，我按照http://dimplejs.org/

中的说明在d3和dimple库下面有两行

<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://dimplejs.org/dist/dimple.v2.3.0.min.js"></script>

图表没有出现在我的github页面中，它说的是， 已阻止加载混合活动内容“http://dimplejs.org/dist/dimple.v2.3.0.min.js”[了解详情] simpsons_d3.html ReferenceError：未定义dimple。

我发现了一项工作，我直接转到https://dimplejs.org/dist/dimple.v2.3.0.min.js并允许在Chrome中访问，然后就可以了。但我希望其他人查看此页面。我该怎么做才能防止这种情况发生？

Answer 1

使用外部库

解决了该问题

代替，

<script src="https://dimplejs.org/dist/dimple.v2.3.0.min.js"></script>

这有效，

<script src="https://cdnjs.cloudflare.com/ajax/libs/dimple/2.3.0/dimple.latest.min.js"></script>