如何解决Highchart:添加自定义按钮以显示/隐藏注释吗?
我正在使用highchart显示折线图。我添加了一些注释。annotations: [{
labels: [
{
point: {
x: 1,y: 13.120689655172,xAxis: 0,yAxis: 0
},text: '(+) New Line First'
},{
point: {
x: 8,y: 16.1,text: '(+) Sold Some Books'
},],
我喜欢创建一个按钮来显示/隐藏这些注释。有人可以帮我吗? 我不知道如何创建按钮并显示隐藏它们。
谢谢
解决方法
我用自定义按钮准备了一个演示,该按钮可隐藏/显示注释。
演示:https://jsfiddle.net/BlackLabel/75gmt0v3/
let btn = document.getElementById('btn');
btn.addEventListener('click',function() {
if (chart.annotationVisible) {
chart.annotations[0].graphic.hide();
chart.annotationVisible = false;
} else {
chart.annotations[0].graphic.show();
chart.annotationVisible = true;
}
})
如果要将此按钮作为图表的一部分呈现,请使用SVGRenderer
工具-https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#button
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。