登录 注册

登录

问题 网站插入highchart图表不显示

更多
2016年06月01日 13:07 - 2016年06月01日 13:11 #1 作者: 王毛毛
我按照官方网站的说明:https://www.hcharts.cn/docs/index.php?doc=start-helloworld

我新建了一个自定义html模块,代码如下:
<script src="https://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="https://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        title: {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }, {
            name: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
        }, {
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });
});
		</script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

在文章中插入这个模块不显示。
因为我模板本身已经包含jquery,所以这里就没有重复引入
最后修改: 2016年06月01日 13:11 由 王毛毛.

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年06月01日 19:54 #2 作者: Joomla之门
Joomla 核心有个毛病,对,没错,这确实是一个毛病:当你在核心自带的 “自定义 HTML”模块中输入 javascript 代码然后点击“保存”按钮之后,那些代码实际上被“滤除”了,根本没有保存下来。—— 验证这一点的方法很简单,你再次打开那个模块,查看你输入的内容的源代码,会发现跟你之前粘贴的内容完全不一样!

解决的办法也很简单:放弃核心自带的这个模块,换用不会滤除代码的 Custom HTML Advanced 模块

我刚刚测试了 hcahrts.cn 网站那个示范代码,在 Custom HTML Advanced 模块中很容易就展示了柱状图 —— 当然,我没有用你所给的代码,我直接复制了官方示范代码。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年06月07日 11:55 #3 作者: 王毛毛
搞了好几天,现在转echarts了。暂时放弃highcharts

登录 或者   注册一个会员帐号 来参与讨论

更多
2016年06月15日 07:06 #4 作者: reinhard
我也遇到这个毛病不过是其他代码,如何使用custom HTML ADVANCED 模块进行编辑呢

登录 或者   注册一个会员帐号 来参与讨论