最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery插件HighCharts绘制2D带Label的折线图效果示例
时间:2017-06-08 编辑:简简单单 来源:一聚教程网
1、示例代码:
代码如下 | 复制代码 |
$(function(){ $('#lineDefaultChart').highcharts({ chart: { type:'line' }, title: { text:'(jb51.net)统计某周水果销售情况' }, subtitle: { text:'水果销量' }, xAxis: { categories: ['星期一','星期二','星期三','星期四','星期五','星期六','星期日'] }, yAxis: { title: { text:'单位(kg)' } }, tooltip: { enabled:true, formatter:function() { return''+this.series.name +' this.x +': '+this.y +'kg'; } }, legend: { layout:'vertical', align:'bottom', verticalAlign:'bottom', 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] }] }); });
|
2、运行效果图: