$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'My first Highcharts chart'
},
xAxis: {
categories: ['my', 'first', 'chart']
},
yAxis: {
title: {
text: 'something'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});
});
这样,运行时正确的,如果,我改为这样,为何就不正确??求指教
$(function () {
var cate = "'my', 'first', 'chart'";
var data1 = "1, 0, 4";
var data2 = "5, 7, 3";
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'My first Highcharts chart'
},
xAxis: {
categories: [cate]
},
yAxis: {
title: {
text: 'something'
}
},
series: [{
name: 'Jane',
data: [data1]
}, {
name: 'John',
data: [data2]
}]
});
});
请哪位大神赐教下。。。
------解决思路----------------------
var cate = "'my', 'first', 'chart'";
=》 var cate = ['my', 'first', 'chart'];
var data1 = "1, 0, 4";
var data2 = "5, 7, 3";
=》
var data1 = [1, 0, 4];
var data2 = [5, 7, 3];
try
要遵循人家的格式
------解决思路----------------------
data: [data1] , []放数据,不是放变量;
<script type="text/javascript">
var cate=['my', 'first', 'chart'];
var data1 = [1, 0, 4];
var data2= [5, 7, 3];
$(document).ready(function() {
chart1 = new Highcharts.Chart({
chart: {
renderTo: "container",
type: "column"
},
title: {
text: "My first Highcharts chart"
},
xAxis: {
categories: cate
},
yAxis: {
title: {
text: "something"
}
},
series: [{
name: "Jane",
data: data1
}, {
name: "John",
data: data2
}]
});
});
</script>