本文实例讲述了jQuery插件高级图表实现气泡图效果。分享给大家供大家参考,具体如下:
1、实例代码:
!DOCTYPE html html healtheeta charset=' UTF-8 '标题高级图表气泡图/title脚本类型=' text/JavaScript ' src=' http : js/jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' src=' http : js/high charts。js '/script脚本类型=' text/JavaScript ' src=' http : js/high charts-more。js '/script脚本类型=' text/JavaScript ' $(function(){ $(高级图表({ chart: { type: 'bubble ',zoomType: 'xy' },title: { text: '气泡图},series: [{ data: [[9714,3678,7956],[1294,2374,5860],[9568,4576,1258],[4564,2587,9656],[3668,2567,7893],[2374,3699,4263],[7268,993]/script/head body div id='泡泡图' style=' width : 1200 px高度: 550像素;边距: 0自动/div/正文/html运行效果图如下:
附:完整实例代码点击此处本站下载。
更多关于jQuery相关内容感兴趣的读者可查看本站专题: 《jQuery常用插件及用法总结》 、 《jquery中Ajax用法总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。