Javascript 高速o表查询

Javascript 高速o表查询,javascript,php,jquery,mysql,highcharts,Javascript,Php,Jquery,Mysql,Highcharts,我使用的是带有PHP和MYSQL的highcharts-speed o-meter。它工作正常,但问题是当我在我的网站中合并JavaScript时,速度表没有显示出来。它没有出现任何错误,只是使用速度表代码的空白屏幕。这是我的密码: $(function () { $('#containers').highcharts({ chart: { type: 'gauge', plotBackgroundColor: null, plotBa

我使用的是带有PHP和MYSQL的highcharts-speed o-meter。它工作正常,但问题是当我在我的网站中合并JavaScript时,速度表没有显示出来。它没有出现任何错误,只是使用速度表代码的空白屏幕。这是我的密码:

$(function () {

$('#containers').highcharts({

    chart: {
        type: 'gauge',
        plotBackgroundColor: null,
        plotBackgroundImage: null,
        plotBorderWidth: 0,
        plotShadow: false
    },

    title: {
        text: ''
    },

    pane: {
        startAngle: -90,
        endAngle: 90,
        center: ['50%', '100%'],
        background: [{
            backgroundColor: {
                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                stops: [
                    [0, '#FFF'],
                    [1, '#333']
                ]
            },
            borderWidth: 0,
            outerRadius: '109%'
        }, {
            backgroundColor: {
                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                stops: [
                    [0, '#333'],
                    [1, '#FFF']
                ]
            },
            borderWidth: 1,
            outerRadius: '107%'
        }, {
            // default background
        }, {
            backgroundColor: '#DDD',
            borderWidth: 0,
            outerRadius: '105%',
            innerRadius: '103%'
        }]
    },

    // the value axis
    yAxis: {
        min: 0,
        max: 200,

        minorTickInterval: 'auto',
        minorTickWidth: 1,
        minorTickLength: 10,
        minorTickPosition: 'inside',
        minorTickColor: '#666',

        tickPixelInterval: 30,
        tickWidth: 2,
        tickPosition: 'inside',
        tickLength: 10,
        tickColor: '#666',
        labels: {
            step: 2,
            rotation: 'auto'
        },
        title: {
            text: 'Speed km/h'
        },
        plotBands: [{
            from: 0,
            to: 120,
            color: '#55BF3B' // green
        }, {
            from: 120,
            to: 160,
            color: '#DDDF0D' // yellow
        }, {
            from: 160,
            to: 200,
            color: '#DF5353' // red
        }]        
    },

    series: [{
        name: 'Speed',
        data: [<?php echo join($result, ',') ?>],
        tooltip: {
            valueSuffix: ' km/h'
        }
    }]

}, 
// Add some life
function (chart) {
    if (!chart.renderer.forExport) {

    }
});
 });
$(函数(){
$(“#容器”)。高图({
图表:{
类型:“仪表”,
plotBackgroundColor:null,
plotBackgroundImage:空,
绘图边框宽度:0,
plotShadow:false
},
标题:{
文本:“”
},
窗格:{
startAngle:-90,
端角:90,
中心:['50%,'100%,],
背景:[{
背景颜色:{
线性半径:{x1:0,y1:0,x2:0,y2:1},
停止:[
[0,#FFF'],
[1, '#333']
]
},
边框宽度:0,
外层:109%
}, {
背景颜色:{
线性半径:{x1:0,y1:0,x2:0,y2:1},
停止:[
[0, '#333'],
[1'#FFF']
]
},
边框宽度:1,
外层:107%
}, {
//默认背景
}, {
背景颜色:“#DDD”,
边框宽度:0,
外层:105%,
内半径:“103%”
}]
},
//价值轴
亚克斯:{
分:0,,
最高:200,
minorTickInterval:“自动”,
minorTickWidth:1,
minorTickLength:10,
minorTickPosition:“内部”,
minorTickColor:“#666”,
像素间隔:30,
宽度:2,
位置:'内部',
长度:10,
勾选颜色:'#666',
标签:{
步骤:2,
旋转:“自动”
},
标题:{
文字:“速度km/h”
},
绘图带:[{
起:0,,
致:120,
颜色:'#55BF3B'//绿色
}, {
起:120,
收件人:160,
颜色:'#DDDF0D'//黄色
}, {
起:160,
致:200,,
颜色:'#DF5353'//红色
}]        
},
系列:[{
名称:“速度”,
数据:[],
工具提示:{
valueSuffix:'公里/小时'
}
}]
}, 
//增添活力
功能(图表){
if(!chart.renderer.forExport){
}
});
});

我不知道有什么问题,如果有人知道,请告诉我

我唯一看到的是你忘了带分号:

<?php echo join($result, ',') ?>

改为

<?php echo join($result, ','); ?>


否则,请尝试javascript部分的控制台调试器。

我已经更改了代码,但仍然无法工作。此代码在单独的文件上工作,但当我将代码与其他代码合并时,它在逻辑上不工作,问题一定是与其他文件的组合。设置<代码>错误报告(-1)检查不同文件之间是否存在不必要的冲突。请告诉我在浏览器控制台中收到此警告和通知。数据:[
注意:未定义的变量:第171行的C:\xampp\htdocs\xampp\test\map.php中出现结果

警告:join()[]:在第171行的C:\xampp\htdocs\xampp\test\map.php中传递的参数无效
,空白图表通常表示数据格式不正确,
产生了什么?它从我的数据库中给出了正确的值。事实上,问题是该代码在单独的文件中工作,但它与其他代码结合在一起速度表显示不好,您指的是什么
其他代码
?这是一把小提琴,我把上面的部分剪贴了下来,效果很好。您是否包括
http://code.highcharts.com/highcharts-more.js
?我正在将它与我网站中使用的谷歌地图相结合。它在单独的PHP文件中运行良好