<html>
<head>
<script src="../js/jquery-2.1.1.min.js"></script>
<script src="../js/highcharts.js"></script>
<script type="text/javascript">
$(function(){
$("#container").highcharts({
title: {
text: '最近一周气温'
},
xAxis: {
categories: ['周一','周二','周三','周四','周五','周六','周天']
},
yAxis: {
title: {
text: '温度'
}
},
series: [
{
name: '最高气温' ,
data: [14, {y:10, color:'red'}, 7, 9, 11, 13, 10]
},
{
name: '最低气温' ,
data: [9, 4, 1, 4, 5, 8, 7]
}
]
});
});
</script>
</head>
<body>
<h1>1</h1>
<div id="container"></div>
</body>
</html>
<head>
<script src="../js/jquery-2.1.1.min.js"></script>
<script src="../js/highcharts.js"></script>
<script type="text/javascript">
$(function(){
$("#container").highcharts({
title: {
text: '最近一周气温'
},
xAxis: {
categories: ['周一','周二','周三','周四','周五','周六','周天']
},
yAxis: {
title: {
text: '温度'
}
},
series: [
{
name: '最高气温' ,
data: [14, {y:10, color:'red'}, 7, 9, 11, 13, 10]
},
{
name: '最低气温' ,
data: [9, 4, 1, 4, 5, 8, 7]
}
]
});
});
</script>
</head>
<body>
<h1>1</h1>
<div id="container"></div>
</body>
</html>