Question

我有兴趣将Highcharts集成到我的Weebly页面中，但我很难让它工作。我可以显示“Cloud”版本，但无法加载任何基于JS的图形。

我已将其纳入SEO设置的标题部分：

$(function () {
$('#container').highcharts({
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Fruit Consumption'
    },
    xAxis: {
        categories: ['Apples', 'Bananas', 'Oranges']
    },
    yAxis: {
        title: {
            text: 'Fruit eaten'
        }
    },
    series: [{
        name: 'Jane',
        data: [1, 0, 4]
    }, {
        name: 'John',
        data: [5, 7, 3]
    }],
});
});

这包含在普通页面的嵌入部分中：

raise ValueError('Max Iter Reached')
return x

这是JSFiddle的一个例子。当我发布页面时，我得到的是一个框中的代码而没有图表。有人能指出我正确的方向吗？

由于

Answer 1

您必须将整个链接添加到库中：

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script src="https://code.highcharts.com/highcharts.js"></script>

<script src="https://code.highcharts.com/modules/data.js"></script>

这是一个包含您选择的代码的演示：https://junefirst.weebly.com/ 第一个演示使用Highchart云，第二个是演示

将Highcharts集成到Weebly中

1 个答案: