本文实例讲述了jQuery插件高级图表绘制的基本折线图效果。分享给大家供大家参考，具体如下：

1、 实例源码：

！DOCTYPE htmlhtml标题高图表基本折线图/title meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width '脚本类型=' text/JavaScript ' src=' http : js/jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' src=' http : js/high charts。js '/script脚本类型=' text/JavaScript ' $(function(){ $(' # lineChart ')).高图表({ title : { text : '(jb51 . net统计)月平均温度，x: -20 //center }，字幕： { text: '省级，x: -20 }，xaxis 3360 { categories :['一月', '二月', '三月', '四月', '五月', '六月','七月', '八月', '九月', '十月', '十一月', '十二月] }，Yaxis : { title : { text : '温度(三)“}，绘图线： [{ value: 0，width: 1，color: '#808080' }] }，工具提示： { valuesuffix : ' C ' }，legend: { layout: '垂直，align: '右侧，垂直对齐： '中间，backgroundColor:'#CCCCCC '，borderWidth:湖南，data: [7.0，6.9，9.5，14.5，18.2，21.5，25.2，26.5，23.3，18.3，13.9，9.6] }，{ name: '湖北，data: [-2.8，0.8，5.7，11.3，17.0，36.0，30.8，24.1，20.1，14.1，8.6，2.5] }，{ name: '广东，data: [-1.9，0.6，3.5，8.4，13.5，25.0，18.6，17.9，14.3，9.0，3.9，1.0] }，{ name: '广西，data: [3.9、4.2、5.7、8.5、11.9、34.2、17.0、16.6、14.2、10.3、6.6、4.8]}]})；});/script/head body div id=' LineChart ' style=' min-width :700 px；高度：480 px '/div/body/html 2，运行效果图：

附：完整实例代码点击此处本站下载。

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery常用插件及用法总结》 、 《jquery中Ajax用法总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。