<! Doctype HTML>
<HTML lang = "en">
<Head>
<SCRIPT type = "text/JavaScript" src = "./jquery-1.11.1.min.js"> </SCRIPT>
<SCRIPT type = "text/JavaScript" src = "./highcharts. js"> </SCRIPT>
<SCRIPT type = "text/JavaScript" src = "./exporting. js"> </SCRIPT>
<SCRIPT>
$ (Function (){
$ ('# Iner'). highcharts ({
Title :{
Text: 'linear icon-onthly average temperature ',
X:-20 // center
},
Subtitle :{
Text: 'source: worldclimate.com ',
X:-20
},
Xaxis :{
Categories: ['Jan ', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep ', 'oct', 'nov', 'dec ']
},
Yaxis :{
Title :{
Text: 'temperature (°C )'
},
Plotlines :[{
Value: 0,
Width: 1,
Color: '#000000'
}]
},
Tooltip :{
Valuesuffix: '°c'
},
Legend :{
Layout: 'signature ',
Align: 'right ',
Verticalalign: 'middle ',
Borderwidth: 0
},
Series :[{
Name: 'Tokyo ',
Data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9]
},{
Name: 'New York ',
Data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1]
},{
Name: 'berline ',
Data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0]
},{
Name: 'London ',
Data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6]
}]
});
});
</SCRIPT>
</Head>
<Body>
<Div id = "Container" style = "Min-width: 700px; Height: 400px"> </div>
</Body>
</Html>
Highcharts icon-linear icon instance
