vue highchart实现图表的提示框（tooltip）

一开始本来是打算将提示框当做一个参数传入到生成图表的方法中，封装一个方法来创建提示框，但是知识有限，在封装的方法中的this是当前的vue实例，而不是highchart中的，所以外部方法目前无法实现这个功能所以将提示框的方法写在了创建图表的配置信息中tooltip中：提示框的内容是formatter这个方法实现，其中使用的getFormatDate方法是封装的Date对象转换成自己需要的时间格式.

何良语

3493人浏览 · 2018-06-15 17:17:16

何良语 · 2018-06-15 17:17:16 发布

一开始本来是打算将提示框当做一个参数传入到生成图表的方法中，封装一个方法来创建提示框，但是知识有限，在封装的方法中的this是当前的vue实例，而不是highchart中的，所以外部方法目前无法实现这个功能

所以将提示框的方法写在了创建图表的配置信息中tooltip中：

提示框的内容是formatter这个方法实现，其中使用的getFormatDate方法是封装的Date对象转换成自己需要的时间格式

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^