关闭

Highcharts技巧总结(持续更新)

标签: Highcharts
359人阅读 评论(0) 收藏 举报
分类:

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

猜你在找
深度学习基础与TensorFlow实践
【在线峰会】前端开发重点难点技术剖析与创新实践
【在线峰会】一天掌握物联网全栈开发之道
【在线峰会】如何高质高效的进行Android技术开发
机器学习40天精英计划
Python数据挖掘与分析速成班
微信小程序开发实战
JFinal极速开发企业实战
备战2017软考 系统集成项目管理工程师 学习套餐
Python大型网络爬虫项目开发实战(全套)
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:18083次
    • 积分:390
    • 等级:
    • 排名:千里之外
    • 原创:19篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论