跳到主要内容

JS增强

全局变量​

  • 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：点击的项目名称