Question

我有一个Highchart，我们可以点击这些点，然后使用Highslide html展开方法显示一些信息。在这里，我给用户一个发布一些数据的选项。

point: {
events: {
    click: function (e) {
        hs.htmlExpand(null, {
            pageOrigin: {
                x: e.pageX || e.clientX,
                y: e.pageY || e.clientY
            },
            headingText: this.series.name,
            maincontentText: Highcharts.dateFormat('%A, %b %e, %Y', this.x) + ':<br/> ' +
                this.y + ' visits ' + '<div>'+'<button onclick="posting('+this.y+')">'+'send report' +'</button>'+'</div>',
            width: 200
        });
    }
}

}

我希望只有管理员用户才能看到发送报告的按钮，其他用户不应该看到该选项。例如

  if(this.y != null){

                maincontentText: Highcharts.dateFormat('%A, %b %e, %Y', this.x) + ':<br/> ' +
                    this.y + ' visits ' + '<div>'+'<button onclick="posting('+this.y+')">'+'send report' +'</button>'+'</div>'

} else{

  SOMETHING ELSE.....

}

这是工作小提琴link。我没有为管理员设置任何数据，看看你是否可以检查y轴值是否为空，然后显示发送报告按钮，否则不要显示或提出某些条件。

Answer 1

答案很简单。

您可以定义条件内容。

示例：

http://jsfiddle.net/jlbriggs/x4y41muz/1/

点击3月19日的点，查看条件内容。

定义和检查你的情况的问题可能比较棘手 - 你谈的是权限管理，有时可能是一个复杂的丑陋混乱，取决于你需要的严格和安全。

Highslide HTML扩展方法与条件语句

1 个答案: