具有条件语句的Highslide HTML扩展方法

Question

我有一个Highchart，可以单击这些点，然后使用Highslide html expand方法显示一些信息。 在这里，我为用户提供了一些发布数据的选项。

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

}

这是工作中的小提琴环节 。 我没有用于管理员的任何数据设置，请查看是否可以检查y轴值是否不为null，然后显示“发送报告”按钮，否则不显示它或出现某种情况。

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日的点以查看条件内容。

定义和检查条件的问题可能会比较棘手-您正在谈论的是权限管理，有时这可能是一个复杂的丑陋混乱，具体取决于您需要的严格性和安全性。