highcharts 柱状图 折线图 混合 双纵轴显示
$(function () {
$('#container').highcharts({
chart: {
zoomType: 'xy'
},
title: {
text: ''
},
colors:['#64BCEC','#4FD3B9','#FFACA8'],
xAxis: [{
categories: ['语文', '数学', '英语', '物理', '生物', '化学','政治', '历史', '地理'],
crosshair: true
}],
yAxis: [
{
min:5,
tickInterval:5,
title: {
text: '题目更新数'
},
opposite: true
},
{
min:0,
tickInterval: 50,
title: {
text: '练案更新数'
}
}
],
tooltip: {
shared: true
},
series: [{
type: 'column',
name: '练案新增数',
yAxis:1,
data: [49, 71, 106, 129, 144, 176, 135, 148, 21]
}, {
type: 'column',
name: '练案更新数',
yAxis: 1,
data: [80, 51, 86, 100, 124, 100, 105, 128, 70]
}, {
name: '题目更新数',
type: 'spline',
data: [7, 6, 9, 14, 18, 21, 25, 26, 23]
}]
});
});
最新文章
- 关于c#静态构造函数
- jar tvf study.war jar命令查看war/jar包的内容
- Zabbix3.0+CentOS7.0+MariaDB5.5监视服务器安装
- 荒木毬菜 小情歌日文版 - 独身OL之歌
- 【转】iOS类似Android上toast效果
- 大数据架构师基础:hadoop家族,Cloudera产品系列等各种技术
- java实现的JDBCTemplate工具
- BZOJ1699: [Usaco2007 Jan]Balanced Lineup排队
- 编写利用Fragment创建新闻列表
- tomcat 性能优化(转)
- jQuery(1)——了解jQuery
- C#入门经典-第15章ListBox,CheckedListBox
- Charles 如何破解与连接手机进行抓包
- nmap简介和使用
- ESP8266 RTOS SDK编译环境搭建
- JSJ—编译器与虚拟机哪个重要?
- 隔行变色&;&;鼠标移入变色
- NoSQL学习1
- java list集合运算
- SVN跨服务器自动更新--实现文件分发