力引导布局,具体的代码不粘了,直接上重点
先定义全局的tooltip,其中 triggerOn = 'none',
在用鼠标事件click触发 dispatchAction事件,dispatchAction继续触发action 的tooltip的 type: 'showTip'用来在鼠标点击节点时显示tooltip,为什么会无效?
配置项如下
option = {
tooltip : {
triggerOn : 'none',//提示框触发的条件,可选:'none' 不在 'mousemove' 或 'click' 时触发,用户可以通过 action.tooltip.showTip 和 action.tooltip.hideTip 来手动触发和隐藏。
position : 'right',
confine : false,
transitionDuration : 0.4, }
};
myChart.setOption(option);
myChart.on('click', function (params) {
if (ifDrag) {
if(params.componentType === 'series'){
// 点击到了 series 上
if (params.seriesType === 'graph'){
// 点击到了 graph 上
myChart.dispatchAction({
type: 'showTip',
position: function (point, params, dom, rect, size) {
$(dom).html(html_toptip);
dynamicLoading.js("js/theme.js");
}
});
}
}
}else{
;
}
});