<!DOCTYPE HTML> | |
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
<title>Highcharts Example</title> | |
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> | |
<script type="text/javascript"> | |
$(function () { | |
$('#container').highcharts({ | |
chart: { | |
}, | |
xAxis: { | |
min: -0.5, | |
max: 5.5 | |
}, | |
yAxis: { | |
min: 0 | |
}, | |
title: { | |
text: 'Scatter plot with regression line' | |
}, | |
series: [{ | |
type: 'line', | |
name: 'Regression Line', | |
data: [[0, 1.11], [5, 4.51]], | |
marker: { | |
enabled: false | |
}, | |
states: { | |
hover: { | |
lineWidth: 0 | |
} | |
}, | |
enableMouseTracking: false | |
}, { | |
type: 'scatter', | |
name: 'Observations', | |
data: [1, 1.5, 2.8, 3.5, 3.9, 4.2], | |
marker: { | |
radius: 4 | |
} | |
}] | |
}); | |
}); | |
|
|
</script> | |
</head> | |
<body> | |
<script src="../../js/highcharts.js"></script> | |
<script src="../../js/modules/exporting.js"></script> | |
|
|
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> | |
|
|
</body> | |
</html> 我是个highcharts新手,这是我测试highcharts的代码,但是在我的电脑上为什么不能运行而显示不支持highcharts属性和方法,我全部的文件都放在了这个文件夹 请大家帮帮忙,, |
看你的图片应该是路径错了
<script src="../../js/highcharts.js"></script>
../js/highcharts.js
example中都是这种写法,你是从官网直接copy下的示例吧,
<!DOCTYPE HTML>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
//$('#container').highcharts({
var chart;
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
},
xAxis: {
min: -0.5,
max: 5.5
},
yAxis: {
min: 0
},
title: {
text: 'Scatter plot with regression line'
},
series: [{
type: 'line',
name: 'Regression Line',
data: [[0, 1.11], [5, 4.51]],
marker: {
enabled: false
},
states: {
hover: {
lineWidth: 0
}
},
enableMouseTracking: false
}, {
type: 'scatter',
name: 'Observations',
data: [1, 1.5, 2.8, 3.5, 3.9, 4.2],
marker: {
radius: 4
}
}]
});
});
</script>
</head>
<body>
<script src="../../js/highcharts.js"></script>
<script src="../../js/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>