mxGraph实战（二）

继mxGraph（一）的学习实践，我最近有根据官方的实例实现了图中画布的大小改变，还可以增加右上角的概览窗口。

背景：react+mxGraph.

要求:

1. 实现画布中每个控件有图标，label。
2. 画布可放大，缩小，还原，有个概览窗口。
3. 鼠标移入有提示文字（已经实现：mxGraph学习（一））

首先，来看看成果图：

原图：

放大后的：

缩小后的：

主要的代码：

1. 首先初始化一些mxGraph的样式等参数：

//js 

initGraph=()=>{

 /*container作为画布的父元素，mxOutLine是右上角概览窗口的父元素。*/
    let container=this.refs.mxgraphFather;
    let mxOutLine=this.refs.mxOutLine;
 /**通用全局设置**/
    //不可编辑
    graph.setEnabled(false);
    // 设置图形鼠标移入启动提示
    graph.tooltipHandler.setEnabled(true)
    graph.setTooltips(true);
     // 创建大纲：也就是右上角窗口。
    var outln = new mxOutline(graph, mxOutLine);

    window['mxGraph'] = mxGraph;
    window['mxGraphModel'] =