我直接在我的标题处写了一些JS脚本(我使用codeigniter),一切正常。但后来我尝试将该脚本与标题分开,因此我创建了JS文件并将脚本放在那里。我从头文件中调用JS文件,但我的脚本中的getJSON函数无法正常工作。 以下是我从头文件中调用外部JS文件的方法:
<script type="text/javascript" src="<?php echo base_url('asset/js/charts/v_soaotc_daily.js')?>"></script>
这是我的完整JS:
$(function () {
$('#soaotc_daily_chart').highcharts({
chart: {
zoomType: 'xy'
},
title: {
text: 'SOA_OTC Daily'
},
xAxis: [{
categories: []
}],
yAxis: [{ // Primary yAxis
labels: {
// format: '{value} Rs.',
style: {
color: Highcharts.getOptions().colors[1]
}
},
title: {
text: 'Amount',
style: {
color: Highcharts.getOptions().colors[1]
}
}
}, { // Secondary yAxis
title: {
text: 'Population',
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
//format: '{value} out of 100',
style: {
color: Highcharts.getOptions().colors[0]
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
layout: 'vertical',
align: 'left',
x: 120,
verticalAlign: 'top',
y: 100,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
},
series: [{
name: 'Population',
type: 'column',
yAxis: 1,
data: [],
tooltip: {
// valueSuffix: ' out of 100'
},
dataLabels: {
enabled: true,
// format: '{point.y:.0f}/100'
}
}, {
name: 'Amount',
type: 'spline',
data: [],
tooltip: {
valueSuffix: ''
}
}]
}, function(theChart){
$.getJSON("<?php echo base_url(); ?>soaotc/daily_json", function(json) {
alert('sukses');
theChart.xAxis[0].setCategories(json[0]['data']);
theChart.series[0].setData(json[1]['data'], false);
theChart.series[1].setData(json[2]['data'], true);
})
.fail( function(d, textStatus, error) {
console.error("getJSON failed, status: " + textStatus + ", error: "+error)
});
});
var theChart = $('#container').highcharts();
});
FYI只有getJSON函数无法正常工作。这是我在控制台中找到的:
getJSON failed, status: parsererror, error: SyntaxError: Unexpected token D
如果getJSON成功,它将返回如下的JSON数据:
[{
"name":"Date",
"data":["27-OCT-14","28-OCT-14","29-OCT-14","30-OCT-14","31-OCT-14","01-NOV-14","02-NOV-14"]
},
{
"name":"Population",
"data":[6171,6990,6882,6889,6860,7619,6698]
},
{"name":"Amount",
"data":[361154716.01,409210099.77,407191552.71,416366585.57,418588842.18,435168113.68,402163667.57]
}]
我错过了我的代码吗?或者在codeigniter中是否有一些配置允许我们调用我错过的外部JS文件?感谢您的帮助。
答案 0 :(得分:0)
方法1 :
如果网址中有任何内容,则需要删除反斜杠。 See here Same bug
方法2 :
您可以使用$.post(url,data,function(json){...})
代替getJson,并使用dataType : json
与控制器页面中的echo json_var。
答案 1 :(得分:0)
问题以非常简单的方式解决了。我替换了
中的URL$.getJSON("<?php echo base_url(); ?>soaotc/daily_json", function(json){..});
到
$.getJSON("daily_json", function(json){..});
谢谢。