javascript-如何从图表中隐藏Highcharts系列,但始终在工具提示中显示它？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何从图表中隐藏Highcharts系列,但始终在工具提示中显示它？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含969字，纯文字阅读大概需要2分钟。

内容图文

我正在使用Highcharts渲染带有两个y轴的图表.一个轴测量计数,而另一个轴测量速率.为了说明,请参考以下内容：http://jsfiddle.net/NH5R3

我想通过隐藏汇率系列(并最终删除汇率轴)来简化此图表,但仍要使用共享的工具提示来显示相应的汇率系列.我试图通过plotOptions.series.visible和plotOptions.column.visible隐藏该系列,但是这同时隐藏了图表和工具提示中的数据.

我想可能需要修改工具提示格式化程序以始终显示隐藏的系列,但是我想知道是否有一种方法可以防止客户端将系列状态切换为可见状态.

有解决这个问题的更好方法吗？

解决方法:

在这一点上,如果比率只是使其成为工具提示的序列,那么我将把序列全部废弃,并通过格式化程序包括数据.就像是：

var rates = {'Category1':20,
             'Category2':25,
             'Category3':75};

...

tooltip: { shared: true,
     formatter: function() {
          var s = '<b>'+ this.x +'</b><br/>';                
          $.each(this.points, function(i, point) {
              s += '<span style="color:'+point.series.color+'">'+point.series.name+'</span>: <b>'+point.y+'</b><br/>'
            });
            s+='Rate: ' + rates[this.x] + '%';
            return s;
        },
 ...

更新了小提琴here.

内容总结

以上是互联网集市为您收集整理的javascript-如何从图表中隐藏Highcharts系列,但始终在工具提示中显示它？全部内容，希望文章能够帮你解决javascript-如何从图表中隐藏Highcharts系列,但始终在工具提示中显示它？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端