highchart点击事件没反应

tooltip: {

useHTML: true,

formatter: function() {

return '<div>' + thispointdate

+ '<br\><span>$' + thisy

+ '</span><br\><button onclick="testAlert()">test test test</button></div>';

},

},

function testAlert() {

alert('test');

};

mor_ree 6

将工具提示的指针事件属性更改为'auto'。

tooltip: {

// pointFormat: '<div>{pointdate}<br\>{pointair}<br\>${pointy}</div><button>test</button>',

useHTML: true,

formatter: function() {

return '<div>'+thispointdate+'<br\>'+thispointair+'<br\><span>$'+thisy+'</span><br\><a href=">tooltip : {

// 在此方法中可以得到x轴以及y轴的信息，同时也包含了整个series上的数据信息

formatter : function() {

return "x轴的值是：" + thisx + "<br/>y轴的值是：" + thisy;

}

}

把formatter中的相关代码换成与数据库交互取得数据的方法即可展示在tooltip中

1、页面结果没看到，建议重发

2、坐标轴（参考教程：网页链接）

Axis（参考教程：网页链接）

Axis

每个图表可以包含 0 个（例如饼图）到多个坐标轴。在常见的单序列笛卡尔图表中包含一个 X 轴和一个 Y 轴，在 3D 图表中还存在 Z 轴。

X 轴对象可以通过 chartxAxis 获取，它是一个坐标轴对象数组，如果图表中只有一个数组，可以通过 chartxAxis[0] 来获取，对应的多个 X 轴时是通过下来表获取对应坐标轴对象。同样的 Y 轴也是这样的。

如果需要通过数据列对象获取坐标轴对象，可以通过 seriesxAxis 或 seriesyAxis 来获取，注意这个对象并不是一个数组，而是一个坐标轴对象，因为一个数据列只能对应一个 X 轴和 Y 轴。

另外一种获取坐标轴对象的方法是通过配置坐标轴的 id，然后通过 chartget(id) 来获取。

首先请简单的看一下关于 时区 及 UTC 的定义，我们可以简单的得出以下两个认知：

1、UTC 是世界标准时间，用于协调各国时间

2、中国的时区是 UTC +8，即比标准时区的时间快 8 小时

接着来看问题，很多用户在使用 Highcharts 时，经常会遇到时间显示于预期的不一致，具体表现是：

用new Date('2017/01/01')getTime()获取的时间最终在 Highcharts 中显示的却是2016-12-31 16:00，也就是时间相差 8 小时。经过上面的科普，你应该很快就知道问题所在，也就是时区惹的祸。

1、设置时区偏移

2、设置不使用 UTC 标准时间

在线试一试

3、使用DateUTC获取时间戳

需要注意DateUTC(year, month, day, )中的 month 是从 0 开始的，也就是 0 表示一月，11 表示十二月。

Highcharts 默认的时间是标准时间（即 UTC 时间），new Date创建的时间是包含当前时区的，所以直接用会导致偏差，解决办法是 1 和 2，分别表示做时区调整和使用当前时区。方法 3 中DateUTC则是创建标准时间。

以上就是关于highchart点击事件没反应全部的内容，包括:highchart点击事件没反应、highcharts怎么以x轴的值作为条件查询数据库，结果显示在tooltip中、关于 highcharts 中 在 xAxis 属性的问题。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！