返回介绍

252.JS增强

发布于 2020-09-14 22:20:42 字数 3360 浏览 1238 评论 0 收藏 0

全局变量

  • headId 当前图表的ID
  • onClick 用于添加点击事件

添加点击事件

通过全局 onClick 对象来添加点击事件。 不同的图表(柱状图、折线图、饼图)定义的方式不同

  • onClick.bar 柱状图
  • onClick.line 折线图
  • onClick.pie 饼图

示例

// 点击柱状图
onClick.bar = function () {
    this.$message.success("点击了柱状图!")
}

效果

事件参数

公共参数

- `type`:当前点击事件的类型(bar、line、pie)
- `value`:点击的值
- `target`:点击的图表原始对象

柱状图参数

- `xField`:点击的X轴名称
- `yField`:点击的Y轴名称(如果有多个Y轴的话,可以以此来判断)

折线图参数

- `xField`:点击的X轴名称
- `yField`:点击的Y轴名称(如果有多个Y轴的话,可以以此来判断)

注意:点击“点”和点击“线”传递的参数是不一样的,详见下图

饼图参数

- `item`:点击的项目名称

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文