ApacheECharts-如何为旭日图集成返回按钮
创始人
2024-09-05 18:00:18
0

为了在Apache ECharts的旭日图中添加返回按钮,可以使用echarts-register-action插件。使用此插件,可以在图表上方添加一个自定义按钮,当该按钮被点击时,可以实现返回操作。

将下面的代码添加到您的HTML文件中,以启用echarts-register-action插件:


现在可以使用以下代码来创建一个旭日图表,并添加一个返回按钮:

var myChart = echarts.init(document.getElementById('main'));

// 创建旭日图表的配置项
var option = {
  series: {
    type: 'sunburst',
    data: […] // 准备好的数据
    // 其他的配置项
  }
};

// 创建返回操作的代码
myChart.dispatchAction({
  type: 'custom',
  event: 'back',
  action: function() {
    myChart.dispose();
    createSunburstChart(); // 这是您的下一个旭日图表的函数
  }
});

// 使用echarts-register-action插件添加返回按钮
echarts.registerAction({
  type: 'back',
  event: 'click',
  update: 'updateLayout'
}, function(payload, ecModel) {
  var myChart = ecModel.getOption().chartRef;
  myChart.dispatchAction({
    type: 'back'
  });
});

// 将配置项应用于图表
myChart.setOption(option);

// 将myChart添加到配置项中,以备以后需要调用
option.chartRef = myChart;

此代码先创建了旭日图表的配置项,并使用“myChart.dispatchAction”创建了一个返回操作。然后,使用echarts-register-action插件来添加一个返回按钮。最后,使用“myChart.setOption(option)”将配置项应用于图表,将返回的操作与图表相关联。

请注意,此代码使用了“createSunburstChart”函数来创建另一个旭日图表。请替换成您自己

相关内容

热门资讯

透视透视挂!hhpoker软件... 透视透视挂!hhpoker软件安装包-总结开挂透视辅助插件(竟然有挂)1、hhpoker软件安装包a...
一分钟教会你“对战互娱有辅助”... 您好:对战互娱有辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特...
透视玄学!hhpoker必备开... 透视玄学!hhpoker必备开挂-总结开挂透视辅助技巧(有挂秘籍)1、完成hhpoker必备开挂的残...
科技分享“天道辅助器使用教程”... 科技分享“天道辅助器使用教程”原生有开挂辅助神器(有挂透视);一、天道辅助器使用教程有挂的是的,亲,...
终于清楚“微信边锋辅助”固有有... 终于清楚“微信边锋辅助”固有有开挂辅助插件(有挂教学)是一款可以让一直输的玩家,快速成为一个“必胜”...
透视能赢!uupoker透视-... 透视能赢!uupoker透视-解密开挂透视辅助攻略(有挂神器)所有人都在同一条线上,像星星一样排成一...
实操分享“微乐广西麻辣辅助器”... 实操分享“微乐广西麻辣辅助器”本来有开挂辅助器(有挂透明挂);微乐广西麻辣辅助器是一项微乐广西麻辣辅...
透视总结!菠萝辅助器免费版的特... 透视总结!菠萝辅助器免费版的特点-教你开挂透视辅助方法(有挂头条)1、玩家可以在菠萝辅助器免费版的特...
热点推荐“微乐小程序游戏破解器... 热点推荐“微乐小程序游戏破解器下载”真是有开挂辅助下载(有人有挂);微乐小程序游戏破解器下载AI智能...
透视新版!德州hhpoker是... 透视新版!德州hhpoker是真的-详细开挂透视辅助教程(有挂秘籍)1、这是跨平台的德州hhpoke...