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

1、示例代码：

！2D带标签的折线图/title脚本类型=' text/JavaScript ' src=' http : js/jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' src=' http : js/high charts。js '/script脚本类型=' text/JavaScript ' $(function(){ $(' # LineDefaultChart ')).高级图表({ chart: { type: 'line' }，title: { text: '(jb51.net))统计某周水果销售情况},字幕： { text: '水果销量}，xAxis: { categories: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日] }，Yaxis : { title : { text : '单位(kg)' }，tooltip: { enabled: true，formatter : function(){ return ' ' this。系列。将此命名为“br/”。x ' : '这个。y ' kg} }，legend: { layout: '垂直，align: '底部，垂直对齐： '底部，borderWidth: 10 }，series: [{ name: '苹果，data: [98，25，69，45，15，78，67] }，{ name: '橘子，data: [46，78，16，85，67，24，17] }，{ name: '桃子，data: [19，54，74，18，34，90，34] }，{ name: '梨子，data: [63，52，90，65，47，34，97] }，{ name: '荔枝，data: [56，74，99，41，43，65，78]}]})；});/script/head body div id=' LineDefaultChart ' style=' width : 1200 px；高度： 500像素；边距： 0自动/div/body/html 2，运行效果图：

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

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

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