highcharts 阶梯图表并填充颜色(自己觉得:直角折线图表)
例如以下:普通阶梯图
$(function () {
$('#container').highcharts({
title: {
text: '普通阶梯图'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: [{
data: [1,2,3,4,5,6,7,8,9],
step: 'right',//left,right,center,true,默认false
name: 'Right',
}]
});
});
例如以下:带填充色阶梯图(不知道对不正确取个巧 吼吼)
$(function () {
$('#container').highcharts({
chart: {
type: 'area'
},
title: {
text: '带填充色阶梯图'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: [{
data: [1,2,3,4,5,6,7,8,9],
step: 'right',//left,right,center,true,默认false
name: 'left',
}]
});
});
最新文章
- JUnit4 中@AfterClass @BeforeClass @after @before的区别对比
- 备库Seconds_Behind_Master的计算
- BurpSuite实例教程
- java对象比较器和克隆
- ucenter 通信成功后 apps.php无误后 该做的事
- USB mass storage协议
- 白话JAVA守护线程
- 线上故障排查——drools规则引擎使用不当导致oom
- kali 2017更新源
- vuejs小白入门
- C++编译器将自动为类产生四个缺省的函数
- SVN备份还原
- 修改button的可点击区域
- Lua 5.1 5.3 参考手册
- MaxiSYS Elite
- 机器学习入门-数值特征-对数据进行log变化
- AJAX 过程总结
- 前端PHP入门-035-Session的实例
- 洛谷P2296 寻找道路 [拓扑排序,最短路]
- mysql中变量的定义
热门文章
- Symfony4中文文档: 安装和设置Symfony框架
- Java基础学习总结(23)——GUI编程
- jsp静态引入(<;%@ include file=";";%>;) 乱码问题
- C/C++里面的struct和typedef
- iOS 开发百问(5)
- 【LeetCode】3Sum Closest 解题报告
- windows下用ADT进行android NDK开发的具体教程(从环境搭建、配置到编译全过程)
- vue2.0-transition多个元素
- 130.C++经典面试题 52-100
- android的HTTP框架之Volley