第1章 概述

  在DataViz中,可以通过鼠标对图表进行一些高级功能的使用和操作。但是由于用户在使用过程中对这些功能使用频率的差异, 会希望可以通过配置调整这些功能的触发方式,所以我们提供了相应的配置,可以对鼠标左右键中的事件进行自定义。

第2章 配置方法

  图表中通过鼠标触发的功能包括但不限于:联动、上卷、下钻、跳转页、钻透(详细信息)和图表数据。默认的情况是鼠标左键触发【联动】功能, 其他的功能通过鼠标右键菜单触发。

  如果想要自定义鼠标左右键的事件,需要修改配置文件dataviz-web/common/config.js,找到如下位置:

  /**
   * null表示不启动,请使用[]自定义,放入当前功能项名称
   *  当前左键功能项有:linkage,
   *  右键事件有:rollUp, drillDown,drillThrough, chartData, linkPage, selectLevel,也包含custom中的各操作名
   */
  customMouseEvent: {
      // leftMouses: ['linkPage'],
      // rightMouses: ['rollUp', 'drillDown', 'drillThrough', 'chartData', 'selectLevel','linkage'],
      leftMouses: null,
      rightMouses: null
  },

  其中leftMouses和rightMouses表示鼠标左键和右键事件,中括号中的内容表示各自触发的功能,代表各功能的名称如下:

  • 联动:linkage;
  • 跳转页:linkPage;
  • 上卷:rollUp;
  • 下钻: drillDown;
  • 钻透(详细数据): drillThrough;
  • 图表数据:showData;

把代表各功能的字符放入对应的中括号中即可完成鼠标左右键事件的配置。

results matching ""

    No results matching ""