多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
echarts 工具箱 1.在echarts模板中加入 ~~~ toolbox: { //可视化的工具箱 show: false, //默认不显示 x:'right', y:'center', orient:'vertical', feature: { dataView: { //数据视图 show: true }, restore: { //重置 show: true }, saveAsImage: {//保存图片 show: true } } }, ~~~ 2在每一个配置面板里添加 配置小组件 ![](https://box.kancloud.cn/97df36a784614e97e38271c1c683192b_720x605.png) ~~~ { title: "工具箱", type: "switch", bind: "showRoam", on: vsLang.on, off: vsLang.off } ~~~ 3.在下面监听此项 ~~~ scope.$watch("component.config.showRoam", function (newValue) { console.log(newValue) if (newValue != null) { var option = component.config.chartConfig; option.toolbox.show = newValue; // console.log(option.tooltip); scope.component.context.chart.setOption(option, true) } }); ~~~ ![](https://box.kancloud.cn/e2d8e6edda6e8b10a0bffe32357b39c7_951x368.png)