ECharts自定义toolbox中增加自定义按钮

标签：echarts   自定义工具按钮   magictype   toolbox   

今天想能不能在ECharts中的ToolBox增加自己的按钮，然后读了一下ToolBox代码，自己试了试，验证是可以的。

1、效果图

图片中红色框起来的按钮

2、代码

selfButtons:{//自定义按钮 danielinbiti,这里增加，selfbuttons可以随便取名字
                   show:true,//是否显示
                   title:'自定义', //鼠标移动上去显示的文字
                   icon:'test.png', //图标
                   option:{},
                   onclick:function(option1) {//点击事件,这里的option1是chart的option信息
                         alert('1');//这里可以加入自己的处理代码，切换不同的图形
                         }
                    }

iconLibrary: {
            mark: _iconMark,
            markUndo: _iconMarkUndo,
            markClear: _iconMarkClear,
            dataZoom: _iconDataZoom,
            dataZoomReset: _iconDataZoomReset,
            restore: _iconRestore,
            lineChart: _iconLineChart,
            barChart: _iconBarChart,
            pieChart: _iconPieChart,
            funnelChart: _iconFunnelChart,
            forceChart: _iconForceChart,
            chordChart: _iconChordChart,
            stackChart: _iconStackChart,
            tiledChart: _iconTiledChart,
            dataView: _iconDataView,
            saveAsImage: _iconSave,
            cross: _iconCross,
            circle: _iconCircle,
            rectangle: _iconRectangle,
            triangle: _iconTriangle,
            diamond: _iconDiamond,
            arrow: _iconArrow,
            star: _iconStar,
            heart: _iconHeart,
            droplet: _iconDroplet,
            pin: _iconPin,
            image: _iconImage
        }

ECharts自定义toolbox中增加自定义按钮

标签：echarts   自定义工具按钮   magictype   toolbox   

原文地址：http://blog.csdn.net/danielinbiti/article/details/45197823