Highcharts技巧总结(持续更新)
来源:互联网 发布:数据脱敏与数据匿名 编辑:程序博客网 时间:2024/06/05 16:18
1.动态显示隐藏dataLables
Highcharts没有提供方法动态显示或者隐藏dataLables,可以通过Jquery显示或者隐藏dataLables。
显示点值代码:
$('#container .highcharts-data-labels').show();隐藏点值代码:
$('#container .highcharts-data-labels').hide();Demo链接
2.自定义显示
Highcharts提供了formatter格式化显示内容,比如要让dataLabels颜色为当前series线条颜色。
plotOptions: { line: { dataLabels: { enabled: true, formatter:function(){ console.log(this.series); return '<span style="color:'+this.series.color+'">'+this.y+'</span>'; } } } },如果不清楚color对应属性,可以直接console.log(this.series)打印出this.series对象,然后在调试工具中查看该对象并找到color对应的键名称。
Demo链接
0 0
- Highcharts技巧总结(持续更新)
- python技巧总结--持续更新
- 常用sql技巧总结_持续更新
- iOS小技巧总结(持续更新)
- Python 数组操作技巧总结[持续更新]
- iOS小技巧总结(持续更新)
- MySQL小技巧总结(持续更新)
- Ubuntu使用技巧总结(持续更新)
- Bash技巧,持续更新
- 小技巧(持续更新)
- ACM编程中的小技巧总结 (持续更新)
- 前端JS使用的技巧总结【持续更新】
- Android 调试技巧全面总结(持续更新)
- iOS开发调试技巧总结(持续更新中)
- iOS开发中总结的小技巧(持续更新中)
- iOS开发调试技巧总结(持续更新中)
- iOS开发调试技巧总结(持续更新中)
- iOS开发调试技巧总结(持续更新中)
- 03.C++学习笔记------C++默默编写哪些函数
- 二叉树 非递归遍历
- Python根据经纬度求两点间距离
- BIT2014级软件学院程序设计-12 编程珠玑
- 属性动画相关使用
- Highcharts技巧总结(持续更新)
- iOS(学习) UITableView
- Android开发中实现多点触摸
- IIS发布asp.net项目,要做的准备工作及添加项目
- java小游戏第三弹 贪吃蛇
- TCP/IP参考模型
- Python脚本语言学习
- PAT 1104. Sum of Number Segments (20)
- C++ STl队列、栈应用