最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery插件HighCharts实现的2D堆条状图效果示例
时间:2017-06-27 编辑:简简单单 来源:一聚教程网
1、HighCharts之2D堆条状图源码
代码如下 | 复制代码 |
$(function(){ $('#stackedBarChart').highcharts({ chart: { type:'bar' }, title: { text:'堆条状图' }, xAxis: { categories: ['苹果','橘子','梨子','葡萄','香蕉'] }, yAxis: { min: 0, title: { text:'水果销量' } }, legend: { backgroundColor:'#FFFFFF', reversed:true }, plotOptions: { series: { stacking:'normal' } }, series: [{ name:'星期一', data: [50, 34, 45, 77, 28] }, { name:'星期二', data: [92, 32, 43, 22, 61] }, { name:'星期三', data: [83, 44, 54, 12, 59] }, { name:'星期四', data: [63, 94, 67, 23, 12] }, { name:'星期五', data: [57, 64, 24, 37, 98] }, { name:'星期六', data: [34, 12, 44, 65, 32] }, { name:'星期日', data: [67, 47, 23, 96, 23] }] }); });
|
2、运行结果