为了账号安全,请及时绑定邮箱和手机立即绑定

Amcharts am4core 函数未定义

Amcharts am4core 函数未定义

RISEBY 2023-01-06 10:40:00

我使用 Amcharts 创建了一个交互式 2 系列 XY 面积图用于吊具梁,将 amchart cdn 文件放入 Wordpress,但该图表仅显示在页面构建器 Elementor 中,而不是在现场。有一个错误,未定义 am4core 函数,以及来自 amcharts 的交叉源错误,尽管所有源都显示在 chrome 开发工具中。代码在下面,颜色从原来的小提琴改变了

https://stackoverflow.com/users/10419523/mohamed-ali-o-ameur

网址位于https://applifting.ga/modular-spreader-beams/sectionlift-6/

知道为什么这会在 Elementor 中显示而不是在实时站点上显示吗?

http://img1.sycdn.imooc.com/63b78a210001ccc919181194.jpg

let chart = am4core.createFromConfig({

    "data": [{

        "category": 0.5,

        "value1": 8,

        "value2": 6.7

    }, {

        "category": 1,

        "value1": 8,

        "value2": 6.7

    }, {

        "category": 1.5,

        "value1": 8,

        "value2": 6.7

    }, {

        "category": 2,

        "value1": 8,

        "value2": 6.7

    }, {

        "category": 2.5,

        "value1": 8,

        "value2": 5

    }, {

        "category": 3,

        "value1": 6.5,

        "value2": 3.7

    }, {

        "category": 3.5,

        "value1": 5,

        "value2": 2.9

    }, {

        "category": 4,

        "value1": 3.9,

        "value2": 2.3

    }],

    "xAxes": [{

        "type": "CategoryAxis",

        "id": "id-1",

        "title": {

            "type": "Label",

            "id": "span",

            "text": "Span in Metres"

        },

        "dataFields": {

            "category": "category"

        },

        "startLocation": 0.5,

        "endLocation": 0.5,

        "renderer": {

            "grid": {

                "template": {

                    "type": "Grid",

                    "location": 0.5

                }

            },

            "minGridDistance": 20

        }

    }],

    "yAxes": [{

        "type": "ValueAxis",

        "id": "id-2",

        "title": {

            "type": "Label",

            "id": "swl",

            "text": "S.W.L in Tonnes",

            "propertyFields": {}

        },

        "min": "0",

        "max": "10",

        "renderer": {

            "maxLabelPosition": 0.98

        }

    }]

查看完整描述

1 回答

?
神不在的星期二

TA贡献1699条经验 获得超6个赞

您使用以下代码在 THE HEADER 中注入脚本:


function admin_style() {

?>


<!-- Resources -->

<script src="https://cdn.amcharts.com/lib/4/core.js"></script>

<script src="https://cdn.amcharts.com/lib/4/charts.js"></script>

<script src="https://cdn.amcharts.com/lib/4/themes/animated.js"></script>


<?php

}

add_action('wp_head', 'admin_style');

请检查这个实例 https://jsfiddle.net/gxhqefbt/


查看完整回答
反对 回复 2023-01-06
  • 1 回答
  • 0 关注
  • 13 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信