echarts tootip点击显示 移开不消失

 

描述：

tooltip点击时显示，依赖不会自动消失，

tooltip上有按钮可以点击

可以这样修改，使用tooltip的triggerOn属性

 

tooltip.triggerOn string

[ default: 'mousemove|click' ]

提示框触发的条件，可选：

• 1， 'mousemove'

  鼠标移动时触发。

• 2， 'click'

  鼠标点击时触发。

• 3， 'mousemove|click'

  同时鼠标移动和点击时触发。

• 4， 'none'

  不在 'mousemove' 或 'click' 时触发，用户可以通过 action.tooltip.showTip 和 action.tooltip.hideTip 来手动触发和隐藏。也可以通过 axisPointer.handle 来触发或隐藏。

该属性为 ECharts 3.0 中新加。

这样，你鼠标点击之后tooltip就显示了。

 

可以这么代码可以这么写

 

tooltip: {
    show: true,
    formatter: function(e) {
        // return e.data.displayname;
        return 'hello';
    },
    // position: [500, 10],
    triggerOn: 'click'
},

点解之后调用formatter函数，然后显示hello，可以在里面定义你自己的函数，记得把tooltip添加到option里面。

 

来自开源中国：https://www.oschina.net/question/2398394_241458