javascript - 带条件语句的 Highslide HTML 扩展方法

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.....

}

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

Answer 1

简单的答案是肯定的。

您可以定义条件内容。

point: {
  events: {
    click: function (e) {
      var conditionalContent = condition == met ? 'conditional content' : '';
      maincontentText: 'normal content ' + conditionalContent
    }
  }
}

示例:

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

点击 3 月 19 日日期的点即可查看条件内容。

定义和检查您的条件的问题可能会更棘手 - 您谈论的是权限管理，有时这可能是一个复杂而丑陋的困惑，具体取决于您需要它的严格和安全程度。